one-dark/cinnamon/sass/ui/dialog.scss

179 lines
2.7 KiB
SCSS
Raw Permalink Normal View History

2022-05-05 19:53:15 +08:00
//
// Modal dialogs
//
.lightbox {
background-color: rgba(0, 0, 0, 0.4);
}
.flashspot {
background-color: white;
}
.modal-dialog {
background-color: $bg_color;
border: 1px solid $borders_color;
border-radius: 3px;
padding: 5px 10px;
> StBoxLayout:first-child {
padding: 10px;
}
&-button-box {
spacing: 0;
margin: 0px;
padding: 10px;
border: none;
background-color: $bg_color;
.modal-dialog-button {
padding-top: 0;
padding-bottom: 0;
height: 30px;
@extend %button;
}
}
.confirm-dialog-title {
text-align: center;
font-weight: bold;
font-size: 1.3em;
padding-bottom: 12px;
}
}
//
// Run dialog
//
.run-dialog {
padding: 10px 15px 10px 15px;
border: 1px solid $borders_color;
border-radius: 3px;
background-color: $bg_color;
> * {
padding: 0;
}
&-label {
font-size: 1.3em;
font-weight: bold;
color: $fg_color;
padding-bottom: 15px;
text-align: center;
}
&-description {
color: $fg_color;
padding-top: 15px;
text-align: center;
&.error {
color: $error_color;
}
}
// &-error-label { color: $error_color; }
// &-error-box {
// padding-top: 15px;
// spacing: 5px;
// }
&-completion-box {
padding-top: 5px;
padding-left: 15px;
font-size: 1em;
}
&-entry {
width: 21em;
height: 1.2em;
padding: 7px;
border-radius: 3px;
caret-color: $osd_fg_color;
selected-color: $selected_fg_color;
selection-background-color: $selected_bg_color;
@include entry(osd);
&:focus {
@include entry(focus);
}
}
.modal-dialog-button-box {
border: none;
box-shadow: none;
background: none;
}
}
/* CinnamonMountOperation Dialogs */
.cinnamon-mount-operation-icon {
icon-size: 48px;
}
.mount-password-reask {
color: $warning_color;
}
.show-processes-dialog,
.mount-question-dialog {
spacing: 24px;
&-subject {
padding-top: 10px;
padding-left: 17px;
padding-bottom: 6px;
&:rtl {
padding-left: 0px;
padding-right: 17px;
}
}
&-description {
padding-left: 17px;
width: 28em;
&:rtl {
padding-right: 17px;
}
}
}
.show-processes-dialog-app-list {
max-height: 200px;
padding-top: 24px;
padding-left: 49px;
padding-right: 32px;
&:rtl {
padding-right: 49px;
padding-left: 32px;
}
&-item {
color: #ccc;
&:hover {
color: white;
}
&:ltr {
padding-right: 1em;
}
&:rtl {
padding-left: 1em;
}
&-icon:ltr {
padding-right: 17px;
}
&-icon:rtl {
padding-left: 17px;
}
&-name {
font-size: 1.1em;
}
}
}