theme: use spaces instead of tabs
https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/904
This commit is contained in:
Sam Hewitt
Florian Müllner
parent
9ea745bcd4
commit
891f2201c5
@ -268,7 +268,7 @@ stage {
|
||||
padding: 8px 0; }
|
||||
.calendar .calendar-change-month-back StIcon,
|
||||
.calendar .calendar-change-month-forward StIcon {
|
||||
icon-size: 1.09em; }
|
||||
icon-size: 16px; }
|
||||
.calendar .pager-button {
|
||||
background-color: transparent;
|
||||
height: 32px;
|
||||
@ -352,7 +352,7 @@ stage {
|
||||
spacing-rows: 6px;
|
||||
spacing-columns: 12px; }
|
||||
.weather-box .weather-forecast-icon {
|
||||
icon-size: 2.18em; }
|
||||
icon-size: 32px; }
|
||||
.weather-box .weather-forecast-time {
|
||||
color: #b3b3b3;
|
||||
font-feature-settings: "tnum";
|
||||
@ -495,8 +495,8 @@ stage {
|
||||
spacing: 20px; }
|
||||
|
||||
.message-dialog-icon {
|
||||
min-width: 3.27em;
|
||||
icon-size: 3.27em; }
|
||||
min-width: 48px;
|
||||
icon-size: 48px; }
|
||||
|
||||
.message-dialog-title {
|
||||
font-weight: bold; }
|
||||
@ -507,7 +507,7 @@ stage {
|
||||
|
||||
/* ShellMountOperation Dialogs */
|
||||
.shell-mount-operation-icon {
|
||||
icon-size: 3.27em; }
|
||||
icon-size: 48px; }
|
||||
|
||||
.mount-dialog {
|
||||
spacing: 24px; }
|
||||
@ -649,7 +649,7 @@ stage {
|
||||
spacing: 20px; }
|
||||
|
||||
.audio-selection-device-icon {
|
||||
icon-size: 4.36em; }
|
||||
icon-size: 64px; }
|
||||
|
||||
/* Access Dialog */
|
||||
.access-dialog {
|
||||
@ -708,14 +708,14 @@ stage {
|
||||
|
||||
.end-session-dialog-logout-icon {
|
||||
border-radius: 99px;
|
||||
width: 3.27em;
|
||||
height: 3.27em;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
background-size: contain; }
|
||||
|
||||
.end-session-dialog-shutdown-icon {
|
||||
color: #fff;
|
||||
width: 3.27em;
|
||||
height: 3.27em; }
|
||||
width: 48px;
|
||||
height: 48px; }
|
||||
|
||||
.end-session-dialog-inhibitor-layout {
|
||||
spacing: 24px;
|
||||
@ -765,7 +765,7 @@ StEntry {
|
||||
warning-color: #f57900;
|
||||
padding: 0 4px; }
|
||||
StEntry StIcon.peek-password {
|
||||
icon-size: 1.09em;
|
||||
icon-size: 16px;
|
||||
padding: 0 4px; }
|
||||
|
||||
.hotplug-transient-box {
|
||||
@ -844,7 +844,20 @@ StEntry {
|
||||
icon-size: 1em; }
|
||||
|
||||
/* On-screen Keyboard */
|
||||
.keyboard-key, .keyboard-subkeys .keyboard-key {
|
||||
#keyboard {
|
||||
background-color: rgba(0, 0, 0, 0.9);
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1) !important; }
|
||||
#keyboard .page-indicator {
|
||||
padding: 6px; }
|
||||
#keyboard .page-indicator .page-indicator-icon {
|
||||
width: 6px;
|
||||
height: 6px; }
|
||||
|
||||
.key-container {
|
||||
padding: 4px;
|
||||
spacing: 4px; }
|
||||
|
||||
.keyboard-key {
|
||||
color: #fff;
|
||||
background-color: #080808 !important;
|
||||
border-width: 1px;
|
||||
@ -852,7 +865,11 @@ StEntry {
|
||||
border-color: black;
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.9);
|
||||
text-shadow: 0 1px rgba(255, 255, 255, 0.3);
|
||||
icon-shadow: 0 1px rgba(255, 255, 255, 0.3); }
|
||||
icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
|
||||
font-size: 16pt;
|
||||
min-height: 1.2em;
|
||||
min-width: 1.2em;
|
||||
border-radius: 8px; }
|
||||
.keyboard-key:focus {
|
||||
color: #fff;
|
||||
text-shadow: 0 1px rgba(255, 255, 255, 0.3);
|
||||
@ -876,27 +893,6 @@ StEntry {
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
box-shadow: none; }
|
||||
|
||||
#keyboard {
|
||||
background-color: rgba(0, 0, 0, 0.9);
|
||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1) !important; }
|
||||
#keyboard .page-indicator {
|
||||
padding: 6px; }
|
||||
#keyboard .page-indicator .page-indicator-icon {
|
||||
width: 6px;
|
||||
height: 6px; }
|
||||
#keyboard .page-indicator .page-indicator-icon:checked {
|
||||
background-color: red; }
|
||||
|
||||
.key-container {
|
||||
padding: 4px;
|
||||
spacing: 4px; }
|
||||
|
||||
.keyboard-key {
|
||||
font-size: 16pt;
|
||||
min-height: 1.2em;
|
||||
min-width: 1.2em;
|
||||
border-radius: 8px; }
|
||||
.keyboard-key:grayed {
|
||||
background-color: black;
|
||||
color: #eeeeec;
|
||||
@ -910,8 +906,7 @@ StEntry {
|
||||
border-color: black;
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.9);
|
||||
text-shadow: 0 1px rgba(255, 255, 255, 0.3);
|
||||
icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) !important; }
|
||||
icon-shadow: 0 1px rgba(255, 255, 255, 0.3); }
|
||||
.keyboard-key.default-key:hover, .keyboard-key.default-key:checked {
|
||||
color: #fff;
|
||||
background-color: #272c2e !important;
|
||||
@ -939,8 +934,7 @@ StEntry {
|
||||
border-color: #113050;
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.9);
|
||||
text-shadow: 0 1px rgba(255, 255, 255, 0.3);
|
||||
icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) !important; }
|
||||
icon-shadow: 0 1px rgba(255, 255, 255, 0.3); }
|
||||
.keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked {
|
||||
color: #fff;
|
||||
background-color: #2b79cb !important;
|
||||
@ -980,7 +974,38 @@ StEntry {
|
||||
-arrow-rise: 10px;
|
||||
-boxpointer-gap: 6px; }
|
||||
.keyboard-subkeys .keyboard-key {
|
||||
color: #fff;
|
||||
background-color: #080808 !important;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: black;
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.9);
|
||||
text-shadow: 0 1px rgba(255, 255, 255, 0.3);
|
||||
icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
|
||||
border-radius: 5px; }
|
||||
.keyboard-subkeys .keyboard-key:focus {
|
||||
color: #fff;
|
||||
text-shadow: 0 1px rgba(255, 255, 255, 0.3);
|
||||
icon-shadow: 0 1px rgba(255, 255, 255, 0.3);
|
||||
box-shadow: inset 0 0 0 2px rgba(33, 93, 156, 0.3); }
|
||||
.keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked {
|
||||
color: #fff;
|
||||
background-color: #141414 !important;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: black;
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.9);
|
||||
text-shadow: 0 1px rgba(255, 255, 255, 0.3);
|
||||
icon-shadow: 0 1px rgba(255, 255, 255, 0.3); }
|
||||
.keyboard-subkeys .keyboard-key:active {
|
||||
color: #fff;
|
||||
background-color: black !important;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: black;
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
box-shadow: none; }
|
||||
|
||||
.emoji-page .keyboard-key {
|
||||
background-color: transparent;
|
||||
@ -1291,16 +1316,17 @@ StEntry {
|
||||
.message .message-close-button:hover {
|
||||
color: #e6e6e6; }
|
||||
.message .message-icon-bin {
|
||||
padding: 6px;
|
||||
margin: 6px 0; }
|
||||
.message .message-icon-bin > StIcon {
|
||||
color: #fff;
|
||||
icon-size: 2.18em;
|
||||
icon-size: 32px;
|
||||
-st-icon-style: symbolic;
|
||||
padding: 0;
|
||||
margin: 6px; }
|
||||
.message .message-icon-bin > .fallback-window-icon {
|
||||
width: 1.09em;
|
||||
height: 1.09em; }
|
||||
width: 16px;
|
||||
height: 16px; }
|
||||
.message .message-secondary-bin {
|
||||
padding: 0; }
|
||||
.message .message-secondary-bin > .event-time {
|
||||
@ -1329,14 +1355,14 @@ StEntry {
|
||||
border-radius: 7px 0 0 7px; }
|
||||
|
||||
.media-message-cover-icon {
|
||||
icon-size: 2.18em !important;
|
||||
icon-size: 32px !important;
|
||||
border-radius: 5px; }
|
||||
.media-message-cover-icon.fallback {
|
||||
color: #d4d4d4;
|
||||
background-color: #000;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 5px;
|
||||
icon-size: 2.18em !important;
|
||||
icon-size: 32px !important;
|
||||
padding: 12px; }
|
||||
|
||||
/* Notifications & Mesage Tray */
|
||||
@ -1359,7 +1385,7 @@ StEntry {
|
||||
.notification-banner .message-content, .notification-banner:focus .message-content, .notification-banner:active .message-content {
|
||||
color: #fff; }
|
||||
.notification-banner .message-icon-bin > StIcon {
|
||||
icon-size: 2.18em;
|
||||
icon-size: 32px;
|
||||
color: #fff; }
|
||||
.notification-banner .notification-icon {
|
||||
padding: 5px; }
|
||||
@ -1367,7 +1393,7 @@ StEntry {
|
||||
padding: 5px;
|
||||
spacing: 5px; }
|
||||
.notification-banner .secondary-icon {
|
||||
icon-size: 1.09em; }
|
||||
icon-size: 16px; }
|
||||
.notification-banner .notification-actions {
|
||||
padding-top: 0;
|
||||
color: #fff;
|
||||
@ -1394,7 +1420,7 @@ StEntry {
|
||||
border-radius: 0.9em; }
|
||||
|
||||
.secondary-icon {
|
||||
icon-size: 1.09em; }
|
||||
icon-size: 16px; }
|
||||
|
||||
.chat-body {
|
||||
spacing: 5px; }
|
||||
@ -1502,7 +1528,7 @@ StEntry {
|
||||
font-weight: bold; }
|
||||
|
||||
.nm-dialog-header-icon {
|
||||
icon-size: 2.18em; }
|
||||
icon-size: 32px; }
|
||||
|
||||
.nm-dialog-header-hbox {
|
||||
spacing: 10px; }
|
||||
@ -1522,7 +1548,7 @@ StEntry {
|
||||
color: #ffffff; }
|
||||
|
||||
.nm-dialog-icon {
|
||||
icon-size: 1.09em; }
|
||||
icon-size: 16px; }
|
||||
|
||||
.nm-dialog-icons {
|
||||
spacing: 12px; }
|
||||
@ -1604,7 +1630,7 @@ StEntry {
|
||||
box-shadow: inset 0 -2px 0 0 #256ab1;
|
||||
color: #333333; }
|
||||
#panel .panel-button .system-status-icon {
|
||||
icon-size: 1.09em;
|
||||
icon-size: 16px;
|
||||
padding: 5px; }
|
||||
#panel .panel-button .app-menu-icon {
|
||||
margin-left: 4px;
|
||||
@ -1677,7 +1703,7 @@ StEntry {
|
||||
|
||||
.popup-menu-arrow,
|
||||
.popup-menu-icon {
|
||||
icon-size: 1.09em; }
|
||||
icon-size: 16px; }
|
||||
|
||||
.popup-sub-menu {
|
||||
background-color: black;
|
||||
@ -1709,10 +1735,10 @@ StEntry {
|
||||
-st-icon-style: symbolic; }
|
||||
.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
|
||||
padding-left: 14px;
|
||||
margin-left: 1.09em; }
|
||||
margin-left: 16px; }
|
||||
.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
|
||||
padding-right: 14px;
|
||||
margin-right: 1.09em; }
|
||||
margin-right: 16px; }
|
||||
|
||||
/* Screen Shield */
|
||||
.screen-shield-arrows {
|
||||
@ -1829,11 +1855,14 @@ StScrollBar {
|
||||
box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.2); }
|
||||
.login-dialog StEntry .search-entry-icon,
|
||||
.search-entry .search-entry-icon {
|
||||
icon-size: 1.09em;
|
||||
icon-size: 16px;
|
||||
padding: 0 4px;
|
||||
color: inherit; }
|
||||
|
||||
/* Search */
|
||||
#searchResultsContent {
|
||||
max-width: 1024px; }
|
||||
|
||||
.search-section {
|
||||
background-color: rgba(58, 65, 68, 0.8);
|
||||
border-radius: 13px;
|
||||
@ -1842,91 +1871,8 @@ StScrollBar {
|
||||
text-shadow: 0 1px rgba(255, 255, 255, 0.2);
|
||||
color: #eeeeec;
|
||||
padding: 18px;
|
||||
margin: 4px; }
|
||||
|
||||
#searchResultsContent {
|
||||
max-width: 1024px; }
|
||||
|
||||
.search-section {
|
||||
spacing: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0; }
|
||||
.search-section:first-child .search-section-separator, .search-section:last-child .search-section-separator {
|
||||
background-color: transparent; }
|
||||
.search-section .search-section-separator {
|
||||
height: 0px;
|
||||
background-color: transparent; }
|
||||
.search-section .search-section-content {
|
||||
spacing: 0; }
|
||||
|
||||
.grid-search-result > .overview-icon {
|
||||
color: #eeeeec; }
|
||||
.grid-search-result > .overview-icon.overview-icon-with-label {
|
||||
padding: 10px 8px 5px 8px;
|
||||
spacing: 6px; }
|
||||
.grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon {
|
||||
background-color: rgba(46, 52, 54, 0.2);
|
||||
color: #eeeeec; }
|
||||
.grid-search-result:drop .overview-icon {
|
||||
background-color: rgba(33, 93, 156, 0.85); }
|
||||
.grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon {
|
||||
background-color: rgba(23, 25, 26, 0.5); }
|
||||
|
||||
.search-provider-icon {
|
||||
padding: 0;
|
||||
spacing: 0;
|
||||
margin-right: 8px; }
|
||||
.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover {
|
||||
background-color: rgba(238, 238, 236, 0.1);
|
||||
transition-duration: 200ms; }
|
||||
.search-provider-icon:active, .search-provider-icon:checked {
|
||||
background-color: rgba(23, 25, 26, 0.9); }
|
||||
.search-provider-icon .list-search-provider-content {
|
||||
margin: 4px;
|
||||
spacing: 12px; }
|
||||
.search-provider-icon .list-search-provider-content .list-search-provider-details {
|
||||
width: 120px;
|
||||
margin-top: 0;
|
||||
color: #dbdbd6; }
|
||||
|
||||
.list-search-results {
|
||||
spacing: 6px; }
|
||||
|
||||
.list-search-result {
|
||||
spacing: 0;
|
||||
padding: 6px;
|
||||
color: #eeeeec; }
|
||||
.list-search-result:focus, .list-search-result:selected, .list-search-result:hover {
|
||||
background-color: rgba(238, 238, 236, 0.1);
|
||||
transition-duration: 200ms; }
|
||||
.list-search-result:active, .list-search-result:checked {
|
||||
background-color: rgba(23, 25, 26, 0.9); }
|
||||
.list-search-result .list-search-result-content {
|
||||
spacing: 0; }
|
||||
.list-search-result .list-search-result-title {
|
||||
color: #eeeeec;
|
||||
spacing: 12px;
|
||||
padding-right: 6px; }
|
||||
.list-search-result .list-search-result-description {
|
||||
color: #a6a69b; }
|
||||
|
||||
/* Search */
|
||||
.search-section {
|
||||
background-color: rgba(58, 65, 68, 0.8);
|
||||
border-radius: 13px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.9);
|
||||
text-shadow: 0 1px rgba(255, 255, 255, 0.2);
|
||||
color: #eeeeec;
|
||||
padding: 18px;
|
||||
margin: 4px; }
|
||||
|
||||
#searchResultsContent {
|
||||
max-width: 1024px; }
|
||||
|
||||
.search-section {
|
||||
spacing: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0; }
|
||||
.search-section:first-child .search-section-separator, .search-section:last-child .search-section-separator {
|
||||
background-color: transparent; }
|
||||
.search-section .search-section-separator {
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -55,8 +55,8 @@ $base_font_size: 11;
|
||||
$text_shadow_color: if($variant == 'light', rgba(255,255,255,0.3), rgba(0,0,0,0.2));
|
||||
|
||||
// icons
|
||||
$base_icon_size: 1.09em;
|
||||
// $base_icon_size: 16px;
|
||||
// $base_icon_size: 1.09em;
|
||||
$base_icon_size: 16px;
|
||||
|
||||
// Stage
|
||||
stage {
|
||||
@ -92,7 +92,6 @@ stage {
|
||||
@import 'widgets/scrollbars';
|
||||
@import 'widgets/search-entry';
|
||||
@import 'widgets/search-results';
|
||||
@import 'widgets/search-results';
|
||||
@import 'widgets/slider';
|
||||
@import 'widgets/switches';
|
||||
@import 'widgets/tiled-previews';
|
||||
|
||||
@ -8,14 +8,6 @@ $default_key_bg_color: if($variant=='light', darken($osd_bg_color, 11%), lighten
|
||||
|
||||
|
||||
// draw keys using button function
|
||||
%keyboard_key {
|
||||
@include button(normal, $c:$key_bg_color);
|
||||
|
||||
&:focus { @include button(focus);}
|
||||
&:hover, &:checked { @include button(hover, $c: $key_bg_color);}
|
||||
&:active { @include button(active, $c: $key_bg_color); }
|
||||
}
|
||||
|
||||
#keyboard {
|
||||
background-color: transparentize(if($variant=='light', darken($bg_color, 5%), darken($bg_color, 8%)), 0.1);
|
||||
box-shadow: inset 0 1px 0 0 $osd_outer_borders_color !important;
|
||||
@ -27,7 +19,6 @@ $default_key_bg_color: if($variant=='light', darken($osd_bg_color, 11%), lighten
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
&:checked {
|
||||
background-color:red;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -41,7 +32,13 @@ $default_key_bg_color: if($variant=='light', darken($osd_bg_color, 11%), lighten
|
||||
|
||||
// the keys
|
||||
.keyboard-key {
|
||||
@extend %keyboard_key;
|
||||
|
||||
@include button(normal, $c:$key_bg_color);
|
||||
|
||||
&:focus { @include button(focus);}
|
||||
&:hover, &:checked { @include button(hover, $c: $key_bg_color);}
|
||||
&:active { @include button(active, $c: $key_bg_color); }
|
||||
|
||||
font-size: $base_font_size + 5pt;
|
||||
min-height: $key_size;
|
||||
min-width: $key_size;
|
||||
@ -63,7 +60,6 @@ $default_key_bg_color: if($variant=='light', darken($osd_bg_color, 11%), lighten
|
||||
@include button(normal, $c:$default_key_bg_color);
|
||||
&:hover, &:checked {@include button(hover, $c: $default_key_bg_color);}
|
||||
&:active { @include button(active, $c: $default_key_bg_color);}
|
||||
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1) !important; // drawing override because of a visual bug
|
||||
}
|
||||
|
||||
// enter key is suggested-action
|
||||
@ -73,7 +69,6 @@ $default_key_bg_color: if($variant=='light', darken($osd_bg_color, 11%), lighten
|
||||
@include button(normal, $c:$selected_bg_color, $tc:$selected_fg_color);
|
||||
&:hover, &:checked { @include button(hover, $c: lighten($selected_bg_color, 3%));}
|
||||
&:active {@include button(active, $c: darken($selected_bg_color, 2%));}
|
||||
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1) !important; // drawing override because of a visual bug
|
||||
}
|
||||
|
||||
// key assets
|
||||
@ -96,7 +91,12 @@ $default_key_bg_color: if($variant=='light', darken($osd_bg_color, 11%), lighten
|
||||
-boxpointer-gap: $base_spacing;
|
||||
|
||||
.keyboard-key {
|
||||
@extend %keyboard_key;
|
||||
@include button(normal, $c:$key_bg_color);
|
||||
|
||||
&:focus { @include button(focus);}
|
||||
&:hover, &:checked { @include button(hover, $c: $key_bg_color);}
|
||||
&:active { @include button(active, $c: $key_bg_color); }
|
||||
|
||||
border-radius:$base_border_radius;
|
||||
}
|
||||
}
|
||||
|
||||
@ -64,7 +64,7 @@
|
||||
|
||||
// icon container
|
||||
.message-icon-bin {
|
||||
// padding: $base_padding;
|
||||
padding: $base_padding;
|
||||
margin:$base_padding 0;
|
||||
|
||||
&:rtl {
|
||||
|
||||
@ -1,29 +1,21 @@
|
||||
/* Search */
|
||||
$overview_search_container_width: 1024px;
|
||||
|
||||
// search overview container
|
||||
#searchResultsContent {
|
||||
max-width: 1024px;
|
||||
}
|
||||
|
||||
%search_result_bubble {
|
||||
// search results sections "the boxes"
|
||||
.search-section {
|
||||
background-color: transparentize(lighten($osd_bg_color, 5%), 0.2);
|
||||
border-radius: $modal_radius + 3px;
|
||||
border-radius: $modal_radius+3;
|
||||
border: 1px solid $osd_outer_borders_color;
|
||||
box-shadow: 0 2px 4px 0 $shadow_color;
|
||||
text-shadow: 0 1px if($variant == 'light', rgba(255,255,255,0.2), rgba(0,0,0,0.2));
|
||||
color: $osd_fg_color;
|
||||
padding: $base_padding * 3;
|
||||
margin: $base_margin;
|
||||
}
|
||||
|
||||
// search overview container
|
||||
#searchResultsContent {
|
||||
max-width: $overview_search_container_width;
|
||||
}
|
||||
|
||||
// search results sections "the boxes"
|
||||
.search-section {
|
||||
@extend %search_result_bubble;
|
||||
spacing:0;
|
||||
margin-top:0;
|
||||
margin-bottom:0;
|
||||
spacing:$base_spacing * 2;
|
||||
|
||||
// hide separator
|
||||
&:first-child .search-section-separator,
|
||||
@ -46,7 +38,6 @@ $overview_search_container_width: 1024px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// "no results" text
|
||||
.search-statustext {
|
||||
@extend %status_text;
|
||||
|
||||
@ -268,7 +268,7 @@ stage {
|
||||
padding: 8px 0; }
|
||||
.calendar .calendar-change-month-back StIcon,
|
||||
.calendar .calendar-change-month-forward StIcon {
|
||||
icon-size: 1.09em; }
|
||||
icon-size: 16px; }
|
||||
.calendar .pager-button {
|
||||
background-color: transparent;
|
||||
height: 32px;
|
||||
@ -352,7 +352,7 @@ stage {
|
||||
spacing-rows: 6px;
|
||||
spacing-columns: 12px; }
|
||||
.weather-box .weather-forecast-icon {
|
||||
icon-size: 2.18em; }
|
||||
icon-size: 32px; }
|
||||
.weather-box .weather-forecast-time {
|
||||
color: #a6a69b;
|
||||
font-feature-settings: "tnum";
|
||||
@ -495,8 +495,8 @@ stage {
|
||||
spacing: 20px; }
|
||||
|
||||
.message-dialog-icon {
|
||||
min-width: 3.27em;
|
||||
icon-size: 3.27em; }
|
||||
min-width: 48px;
|
||||
icon-size: 48px; }
|
||||
|
||||
.message-dialog-title {
|
||||
font-weight: bold; }
|
||||
@ -507,7 +507,7 @@ stage {
|
||||
|
||||
/* ShellMountOperation Dialogs */
|
||||
.shell-mount-operation-icon {
|
||||
icon-size: 3.27em; }
|
||||
icon-size: 48px; }
|
||||
|
||||
.mount-dialog {
|
||||
spacing: 24px; }
|
||||
@ -649,7 +649,7 @@ stage {
|
||||
spacing: 20px; }
|
||||
|
||||
.audio-selection-device-icon {
|
||||
icon-size: 4.36em; }
|
||||
icon-size: 64px; }
|
||||
|
||||
/* Access Dialog */
|
||||
.access-dialog {
|
||||
@ -708,14 +708,14 @@ stage {
|
||||
|
||||
.end-session-dialog-logout-icon {
|
||||
border-radius: 99px;
|
||||
width: 3.27em;
|
||||
height: 3.27em;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
background-size: contain; }
|
||||
|
||||
.end-session-dialog-shutdown-icon {
|
||||
color: #eeeeec;
|
||||
width: 3.27em;
|
||||
height: 3.27em; }
|
||||
width: 48px;
|
||||
height: 48px; }
|
||||
|
||||
.end-session-dialog-inhibitor-layout {
|
||||
spacing: 24px;
|
||||
@ -765,7 +765,7 @@ StEntry {
|
||||
warning-color: #f57900;
|
||||
padding: 0 4px; }
|
||||
StEntry StIcon.peek-password {
|
||||
icon-size: 1.09em;
|
||||
icon-size: 16px;
|
||||
padding: 0 4px; }
|
||||
|
||||
.hotplug-transient-box {
|
||||
@ -844,7 +844,20 @@ StEntry {
|
||||
icon-size: 1em; }
|
||||
|
||||
/* On-screen Keyboard */
|
||||
.keyboard-key, .keyboard-subkeys .keyboard-key {
|
||||
#keyboard {
|
||||
background-color: rgba(32, 32, 32, 0.9);
|
||||
box-shadow: inset 0 1px 0 0 rgba(50, 50, 50, 0.96) !important; }
|
||||
#keyboard .page-indicator {
|
||||
padding: 6px; }
|
||||
#keyboard .page-indicator .page-indicator-icon {
|
||||
width: 6px;
|
||||
height: 6px; }
|
||||
|
||||
.key-container {
|
||||
padding: 4px;
|
||||
spacing: 4px; }
|
||||
|
||||
.keyboard-key {
|
||||
color: #eeeeec;
|
||||
background-color: #3c3c3c !important;
|
||||
border-width: 1px;
|
||||
@ -852,7 +865,11 @@ StEntry {
|
||||
border-color: #2b2b2b;
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
|
||||
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
||||
icon-shadow: 0 1px rgba(0, 0, 0, 0.2); }
|
||||
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
||||
font-size: 16pt;
|
||||
min-height: 1.2em;
|
||||
min-width: 1.2em;
|
||||
border-radius: 8px; }
|
||||
.keyboard-key:focus {
|
||||
color: #eeeeec;
|
||||
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
||||
@ -876,27 +893,6 @@ StEntry {
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
box-shadow: none; }
|
||||
|
||||
#keyboard {
|
||||
background-color: rgba(32, 32, 32, 0.9);
|
||||
box-shadow: inset 0 1px 0 0 rgba(50, 50, 50, 0.96) !important; }
|
||||
#keyboard .page-indicator {
|
||||
padding: 6px; }
|
||||
#keyboard .page-indicator .page-indicator-icon {
|
||||
width: 6px;
|
||||
height: 6px; }
|
||||
#keyboard .page-indicator .page-indicator-icon:checked {
|
||||
background-color: red; }
|
||||
|
||||
.key-container {
|
||||
padding: 4px;
|
||||
spacing: 4px; }
|
||||
|
||||
.keyboard-key {
|
||||
font-size: 16pt;
|
||||
min-height: 1.2em;
|
||||
min-width: 1.2em;
|
||||
border-radius: 8px; }
|
||||
.keyboard-key:grayed {
|
||||
background-color: #2d2d2d;
|
||||
color: #eeeeec;
|
||||
@ -910,8 +906,7 @@ StEntry {
|
||||
border-color: rgba(27, 27, 27, 0.96);
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
|
||||
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
||||
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) !important; }
|
||||
icon-shadow: 0 1px rgba(0, 0, 0, 0.2); }
|
||||
.keyboard-key.default-key:hover, .keyboard-key.default-key:checked {
|
||||
color: #eeeeec;
|
||||
background-color: rgba(50, 50, 50, 0.96) !important;
|
||||
@ -939,8 +934,7 @@ StEntry {
|
||||
border-color: #1961b9;
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
|
||||
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
||||
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) !important; }
|
||||
icon-shadow: 0 1px rgba(0, 0, 0, 0.2); }
|
||||
.keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked {
|
||||
color: #eeeeec;
|
||||
background-color: #2c7fe3 !important;
|
||||
@ -980,7 +974,38 @@ StEntry {
|
||||
-arrow-rise: 10px;
|
||||
-boxpointer-gap: 6px; }
|
||||
.keyboard-subkeys .keyboard-key {
|
||||
color: #eeeeec;
|
||||
background-color: #3c3c3c !important;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #2b2b2b;
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
|
||||
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
||||
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
||||
border-radius: 5px; }
|
||||
.keyboard-subkeys .keyboard-key:focus {
|
||||
color: #eeeeec;
|
||||
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
||||
icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset 0 0 0 2px rgba(27, 106, 203, 0.3); }
|
||||
.keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked {
|
||||
color: #eeeeec;
|
||||
background-color: #424242 !important;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #2b2b2b;
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
|
||||
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
||||
icon-shadow: 0 1px rgba(0, 0, 0, 0.2); }
|
||||
.keyboard-subkeys .keyboard-key:active {
|
||||
color: #eeeeec;
|
||||
background-color: #2d2d2d !important;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #191919;
|
||||
text-shadow: none;
|
||||
icon-shadow: none;
|
||||
box-shadow: none; }
|
||||
|
||||
.emoji-page .keyboard-key {
|
||||
background-color: transparent;
|
||||
@ -1294,16 +1319,17 @@ StEntry {
|
||||
.message .message-close-button:hover {
|
||||
color: #d6d6d1; }
|
||||
.message .message-icon-bin {
|
||||
padding: 6px;
|
||||
margin: 6px 0; }
|
||||
.message .message-icon-bin > StIcon {
|
||||
color: #eeeeec;
|
||||
icon-size: 2.18em;
|
||||
icon-size: 32px;
|
||||
-st-icon-style: symbolic;
|
||||
padding: 0;
|
||||
margin: 6px; }
|
||||
.message .message-icon-bin > .fallback-window-icon {
|
||||
width: 1.09em;
|
||||
height: 1.09em; }
|
||||
width: 16px;
|
||||
height: 16px; }
|
||||
.message .message-secondary-bin {
|
||||
padding: 0; }
|
||||
.message .message-secondary-bin > .event-time {
|
||||
@ -1332,14 +1358,14 @@ StEntry {
|
||||
border-radius: 7px 0 0 7px; }
|
||||
|
||||
.media-message-cover-icon {
|
||||
icon-size: 2.18em !important;
|
||||
icon-size: 32px !important;
|
||||
border-radius: 5px; }
|
||||
.media-message-cover-icon.fallback {
|
||||
color: #c5c5be;
|
||||
background-color: #353535;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 5px;
|
||||
icon-size: 2.18em !important;
|
||||
icon-size: 32px !important;
|
||||
padding: 12px; }
|
||||
|
||||
/* Notifications & Mesage Tray */
|
||||
@ -1362,7 +1388,7 @@ StEntry {
|
||||
.notification-banner .message-content, .notification-banner:focus .message-content, .notification-banner:active .message-content {
|
||||
color: #eeeeec; }
|
||||
.notification-banner .message-icon-bin > StIcon {
|
||||
icon-size: 2.18em;
|
||||
icon-size: 32px;
|
||||
color: #eeeeec; }
|
||||
.notification-banner .notification-icon {
|
||||
padding: 5px; }
|
||||
@ -1370,7 +1396,7 @@ StEntry {
|
||||
padding: 5px;
|
||||
spacing: 5px; }
|
||||
.notification-banner .secondary-icon {
|
||||
icon-size: 1.09em; }
|
||||
icon-size: 16px; }
|
||||
.notification-banner .notification-actions {
|
||||
padding-top: 0;
|
||||
color: #eeeeec;
|
||||
@ -1397,7 +1423,7 @@ StEntry {
|
||||
border-radius: 0.9em; }
|
||||
|
||||
.secondary-icon {
|
||||
icon-size: 1.09em; }
|
||||
icon-size: 16px; }
|
||||
|
||||
.chat-body {
|
||||
spacing: 5px; }
|
||||
@ -1505,7 +1531,7 @@ StEntry {
|
||||
font-weight: bold; }
|
||||
|
||||
.nm-dialog-header-icon {
|
||||
icon-size: 2.18em; }
|
||||
icon-size: 32px; }
|
||||
|
||||
.nm-dialog-header-hbox {
|
||||
spacing: 10px; }
|
||||
@ -1525,7 +1551,7 @@ StEntry {
|
||||
color: #fff; }
|
||||
|
||||
.nm-dialog-icon {
|
||||
icon-size: 1.09em; }
|
||||
icon-size: 16px; }
|
||||
|
||||
.nm-dialog-icons {
|
||||
spacing: 12px; }
|
||||
@ -1607,7 +1633,7 @@ StEntry {
|
||||
box-shadow: inset 0 -2px 0 0 #1f76e1;
|
||||
color: white; }
|
||||
#panel .panel-button .system-status-icon {
|
||||
icon-size: 1.09em;
|
||||
icon-size: 16px;
|
||||
padding: 5px; }
|
||||
#panel .panel-button .app-menu-icon {
|
||||
margin-left: 4px;
|
||||
@ -1680,7 +1706,7 @@ StEntry {
|
||||
|
||||
.popup-menu-arrow,
|
||||
.popup-menu-icon {
|
||||
icon-size: 1.09em; }
|
||||
icon-size: 16px; }
|
||||
|
||||
.popup-sub-menu {
|
||||
background-color: #2d2d2d;
|
||||
@ -1712,10 +1738,10 @@ StEntry {
|
||||
-st-icon-style: symbolic; }
|
||||
.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
|
||||
padding-left: 14px;
|
||||
margin-left: 1.09em; }
|
||||
margin-left: 16px; }
|
||||
.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
|
||||
padding-right: 14px;
|
||||
margin-right: 1.09em; }
|
||||
margin-right: 16px; }
|
||||
|
||||
/* Screen Shield */
|
||||
.screen-shield-arrows {
|
||||
@ -1832,11 +1858,14 @@ StScrollBar {
|
||||
box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.2); }
|
||||
.login-dialog StEntry .search-entry-icon,
|
||||
.search-entry .search-entry-icon {
|
||||
icon-size: 1.09em;
|
||||
icon-size: 16px;
|
||||
padding: 0 4px;
|
||||
color: inherit; }
|
||||
|
||||
/* Search */
|
||||
#searchResultsContent {
|
||||
max-width: 1024px; }
|
||||
|
||||
.search-section {
|
||||
background-color: rgba(45, 45, 45, 0.76);
|
||||
border-radius: 13px;
|
||||
@ -1845,91 +1874,8 @@ StScrollBar {
|
||||
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
||||
color: #eeeeec;
|
||||
padding: 18px;
|
||||
margin: 4px; }
|
||||
|
||||
#searchResultsContent {
|
||||
max-width: 1024px; }
|
||||
|
||||
.search-section {
|
||||
spacing: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0; }
|
||||
.search-section:first-child .search-section-separator, .search-section:last-child .search-section-separator {
|
||||
background-color: transparent; }
|
||||
.search-section .search-section-separator {
|
||||
height: 0px;
|
||||
background-color: transparent; }
|
||||
.search-section .search-section-content {
|
||||
spacing: 0; }
|
||||
|
||||
.grid-search-result > .overview-icon {
|
||||
color: #eeeeec; }
|
||||
.grid-search-result > .overview-icon.overview-icon-with-label {
|
||||
padding: 10px 8px 5px 8px;
|
||||
spacing: 6px; }
|
||||
.grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon {
|
||||
background-color: rgba(32, 32, 32, 0.16);
|
||||
color: #eeeeec; }
|
||||
.grid-search-result:drop .overview-icon {
|
||||
background-color: rgba(27, 106, 203, 0.85); }
|
||||
.grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon {
|
||||
background-color: rgba(7, 7, 7, 0.46); }
|
||||
|
||||
.search-provider-icon {
|
||||
padding: 0;
|
||||
spacing: 0;
|
||||
margin-right: 8px; }
|
||||
.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover {
|
||||
background-color: rgba(238, 238, 236, 0.1);
|
||||
transition-duration: 200ms; }
|
||||
.search-provider-icon:active, .search-provider-icon:checked {
|
||||
background-color: rgba(7, 7, 7, 0.86); }
|
||||
.search-provider-icon .list-search-provider-content {
|
||||
margin: 4px;
|
||||
spacing: 12px; }
|
||||
.search-provider-icon .list-search-provider-content .list-search-provider-details {
|
||||
width: 120px;
|
||||
margin-top: 0;
|
||||
color: #dbdbd6; }
|
||||
|
||||
.list-search-results {
|
||||
spacing: 6px; }
|
||||
|
||||
.list-search-result {
|
||||
spacing: 0;
|
||||
padding: 6px;
|
||||
color: #eeeeec; }
|
||||
.list-search-result:focus, .list-search-result:selected, .list-search-result:hover {
|
||||
background-color: rgba(238, 238, 236, 0.1);
|
||||
transition-duration: 200ms; }
|
||||
.list-search-result:active, .list-search-result:checked {
|
||||
background-color: rgba(7, 7, 7, 0.86); }
|
||||
.list-search-result .list-search-result-content {
|
||||
spacing: 0; }
|
||||
.list-search-result .list-search-result-title {
|
||||
color: #eeeeec;
|
||||
spacing: 12px;
|
||||
padding-right: 6px; }
|
||||
.list-search-result .list-search-result-description {
|
||||
color: #a6a69b; }
|
||||
|
||||
/* Search */
|
||||
.search-section {
|
||||
background-color: rgba(45, 45, 45, 0.76);
|
||||
border-radius: 13px;
|
||||
border: 1px solid rgba(50, 50, 50, 0.96);
|
||||
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
|
||||
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
|
||||
color: #eeeeec;
|
||||
padding: 18px;
|
||||
margin: 4px; }
|
||||
|
||||
#searchResultsContent {
|
||||
max-width: 1024px; }
|
||||
|
||||
.search-section {
|
||||
spacing: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0; }
|
||||
.search-section:first-child .search-section-separator, .search-section:last-child .search-section-separator {
|
||||
background-color: transparent; }
|
||||
.search-section .search-section-separator {
|
||||
|
||||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user