2022-02-07 13:22:40 -05:00
|
|
|
/* Select Network dialogs */
|
2019-12-18 16:25:03 -05:00
|
|
|
.nm-dialog {
|
2019-12-19 10:38:27 -05:00
|
|
|
max-height: 34em;
|
|
|
|
min-height: 31em;
|
|
|
|
min-width: 32em;
|
2019-12-18 16:25:03 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.nm-dialog-content {
|
2019-12-19 10:38:27 -05:00
|
|
|
spacing: 20px;
|
|
|
|
padding: 24px;
|
2019-12-18 16:25:03 -05:00
|
|
|
}
|
|
|
|
|
2022-02-07 13:22:40 -05:00
|
|
|
.nm-dialog-header { @extend %heading; }
|
|
|
|
.nm-dialog-subheader { color: $insensitive_fg_color;}
|
|
|
|
.nm-dialog-header-icon { icon-size: $large_icon_size;}
|
2019-12-18 16:25:03 -05:00
|
|
|
.nm-dialog-header-hbox { spacing: 10px; }
|
|
|
|
|
|
|
|
.nm-dialog-scroll-view {
|
2021-12-28 08:46:54 -05:00
|
|
|
padding:$base_padding;
|
|
|
|
border-radius: $base_border_radius;
|
2022-02-07 13:22:40 -05:00
|
|
|
background-color: $base_color;
|
2019-12-18 16:25:03 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.nm-dialog-item {
|
2019-12-19 10:38:27 -05:00
|
|
|
padding: $base_padding * 2;
|
2021-12-28 08:46:54 -05:00
|
|
|
|
2019-12-19 10:38:27 -05:00
|
|
|
&:selected {
|
|
|
|
background-color: $selected_bg_color;
|
2021-12-28 08:46:54 -05:00
|
|
|
border-radius: $base_border_radius - 3px;
|
2022-02-07 13:22:40 -05:00
|
|
|
color: $selected_fg_color;
|
2021-12-28 08:46:54 -05:00
|
|
|
}
|
2022-02-07 13:22:40 -05:00
|
|
|
&:hover { background-color:$hover_bg_color;}
|
2019-12-18 16:25:03 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.nm-dialog-icon { icon-size: $base_icon_size; }
|
2022-02-07 13:22:40 -05:00
|
|
|
.nm-dialog-icons { spacing: $base_padding * 2; }
|
2019-12-18 16:25:03 -05:00
|
|
|
|
|
|
|
// no networks
|
2022-02-02 13:17:42 -05:00
|
|
|
.no-networks-box { spacing: $base_padding; }
|
2022-02-07 13:22:40 -05:00
|
|
|
.no-networks-label { color: $insensitive_fg_color; }
|
|
|
|
|
|
|
|
// airplane mode
|
|
|
|
.nm-dialog-airplane-box {
|
|
|
|
text-align: center;
|
|
|
|
spacing: 12px;
|
|
|
|
}
|
|
|
|
.nm-dialog-airplane-headline { @extend %title_3;}
|
|
|
|
.nm-dialog-airplane-text { color: $insensitive_fg_color;}
|