80 lines
1.4 KiB
SCSS
80 lines
1.4 KiB
SCSS
|
/* End Session Dialog */
|
||
|
|
||
|
$end_session_dialog_width: 28em;
|
||
|
|
||
|
.end-session-dialog {
|
||
|
spacing: $base_spacing;
|
||
|
border: 1px solid $bubble_borders_color;
|
||
|
}
|
||
|
|
||
|
.end-session-dialog-list {
|
||
|
padding-top: 20px;
|
||
|
}
|
||
|
|
||
|
.end-session-dialog-layout {
|
||
|
padding-left: 17px;
|
||
|
&:rtl { padding-right: 17px; }
|
||
|
}
|
||
|
|
||
|
.end-session-dialog-description {
|
||
|
width: $end_session_dialog_width;
|
||
|
padding-bottom: 10px;
|
||
|
&:rtl {
|
||
|
text-align: right;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.end-session-dialog-warning {
|
||
|
width: $end_session_dialog_width;
|
||
|
color: $warning_color;
|
||
|
padding-top: 6px;
|
||
|
&:rtl {
|
||
|
text-align: right;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// user profile picture
|
||
|
.end-session-dialog-logout-icon {
|
||
|
border-radius: 99px;
|
||
|
width: $base_icon_size * 3;
|
||
|
height: $base_icon_size * 3;
|
||
|
background-size: contain;
|
||
|
}
|
||
|
|
||
|
.end-session-dialog-shutdown-icon {
|
||
|
color: $fg_color;
|
||
|
width: $base_icon_size * 3;
|
||
|
height: $base_icon_size * 3;
|
||
|
}
|
||
|
|
||
|
.end-session-dialog-inhibitor-layout {
|
||
|
spacing: $base_spacing * 4;
|
||
|
max-height: 200px;
|
||
|
padding-right: 65px;
|
||
|
padding-left: 65px;
|
||
|
}
|
||
|
|
||
|
.end-session-dialog-session-list,
|
||
|
.end-session-dialog-app-list {
|
||
|
spacing: 1em;
|
||
|
}
|
||
|
|
||
|
.end-session-dialog-list-header {
|
||
|
font-weight: bold;
|
||
|
&:rtl { text-align: right; }
|
||
|
}
|
||
|
|
||
|
.end-session-dialog-app-list-item,
|
||
|
.end-session-dialog-session-list-item {
|
||
|
spacing: 1em;
|
||
|
}
|
||
|
|
||
|
.end-session-dialog-app-list-item-name,
|
||
|
.end-session-dialog-session-list-item-name {
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
.end-session-dialog-app-list-item-description {
|
||
|
color: darken($fg_color,5%);
|
||
|
font-size: 10pt;
|
||
|
}
|