178 lines
3.7 KiB
SCSS
178 lines
3.7 KiB
SCSS
#overview {
|
|
spacing: 24px;
|
|
StScrollBar { @extend %overview_scrollbar; }
|
|
}
|
|
|
|
.overview-controls {
|
|
padding-bottom: 32px;
|
|
}
|
|
|
|
.window-picker { //container around window thumbnails
|
|
-horizontal-spacing: 16px;
|
|
-vertical-spacing: 16px;
|
|
padding: 0 16px 32px;
|
|
spacing: 12px;
|
|
|
|
&.external-monitor { padding: 16px; }
|
|
}
|
|
|
|
.window-clone-border {
|
|
border: 4px solid $light_track_color;
|
|
border-radius: $bt_radius;
|
|
// For window decorations with round corners we can't match
|
|
// the exact shape when the window is scaled. So apply a shadow
|
|
// to fix that case
|
|
box-shadow: inset 0 0 0 1px $light_track_color;
|
|
}
|
|
|
|
.window-caption {
|
|
spacing: 25px;
|
|
color: $light_alt_fg_color;
|
|
background-color: $dark_bg_color;
|
|
border-radius: $bt_radius;
|
|
padding: 4px 8px;
|
|
border: none;
|
|
font-weight: normal;
|
|
@include font(body);
|
|
}
|
|
|
|
//search entry
|
|
%search-entry, .search-entry {
|
|
width: 320px - 8px * 2;
|
|
padding: 0 8px;
|
|
border: none;
|
|
color: $light_hint_fg_color;
|
|
caret-color: $light_alt_fg_color;
|
|
selection-background-color: $light_track_color;
|
|
selected-color: $light_alt_fg_color;
|
|
@include search_entry(normal, $fc:$light_track_color);
|
|
|
|
&:focus {
|
|
@include search_entry(focus, $fc:$light_alt_fg_color);
|
|
padding: 0 8px;
|
|
border: none;
|
|
color: $light_alt_fg_color;
|
|
}
|
|
|
|
.search-entry-icon {
|
|
icon-size: 16px;
|
|
padding: 0 0;
|
|
color: $light_hint_fg_color;
|
|
}
|
|
|
|
&:hover, &:focus {
|
|
.search-entry-icon { color: $light_alt_fg_color; }
|
|
}
|
|
|
|
&:insensitive {
|
|
border: none;
|
|
color: $light_disabled_fg_color;
|
|
}
|
|
|
|
StLabel.hint-text {
|
|
color: $light_hint_fg_color;
|
|
}
|
|
}
|
|
|
|
//search results
|
|
|
|
// #searchResultsBin {
|
|
// max-width: 1000px;
|
|
// }
|
|
|
|
#searchResultsContent {
|
|
max-width: 1000px;
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
spacing: 16px;
|
|
}
|
|
|
|
.search-section { // This should be equal to #searchResultsContent spacing
|
|
spacing: 16px;
|
|
|
|
.search-section-separator {
|
|
height: 1px;
|
|
background-color: $light_divider_color;
|
|
}
|
|
}
|
|
|
|
.search-section-content { // This is the space between the provider icon and the results container
|
|
spacing: 32px;
|
|
border-radius: 0;
|
|
border: none;
|
|
box-shadow: none;
|
|
background: none;
|
|
text-shadow: none;
|
|
color: $light_alt_fg_color;
|
|
}
|
|
|
|
.search-statustext { // "no results"
|
|
@extend %status_text;
|
|
}
|
|
|
|
// Search results with icons
|
|
.grid-search-result {
|
|
@extend %app-well-app;
|
|
}
|
|
|
|
// search result provider
|
|
.search-provider-icon {
|
|
@extend %app-well-app;
|
|
|
|
// content
|
|
.list-search-provider-content {
|
|
spacing: 12px;
|
|
|
|
// provider labels
|
|
.list-search-provider-details {
|
|
width: 120px;
|
|
margin-top: 0;
|
|
color: $light_hint_fg_color;
|
|
// font-weight: bold;
|
|
}
|
|
}
|
|
}
|
|
|
|
.list-search-results { spacing: 3px; }
|
|
|
|
.list-search-result-content { spacing: 30px; }
|
|
.list-search-result-title { @include font(subheading); color: $light_alt_fg_color; spacing: 12px; }
|
|
.list-search-result-description { color: $light_alt_fg_color; }
|
|
.list-search-provider-details { width: 150px; color: $light_alt_fg_color; margin-top: 0.24em; }
|
|
.list-search-provider-content { spacing: 20px; }
|
|
.search-provider-icon { padding: 15px; }
|
|
|
|
|
|
// Window Cycler
|
|
.cycler-highlight { border: 4px solid $primary_color; }
|
|
|
|
// Workspace Switcher
|
|
.workspace-switcher-group { padding: 8px; }
|
|
|
|
.workspace-switcher-container {
|
|
@extend %osd-panel;
|
|
}
|
|
|
|
.workspace-switcher {
|
|
background: transparent;
|
|
border: 0px;
|
|
border-radius: 0px;
|
|
padding: 0px;
|
|
spacing: 8px;
|
|
}
|
|
|
|
.ws-switcher-active-up, .ws-switcher-active-down {
|
|
height: 48px;
|
|
background-color: $primary_color;
|
|
color: $light_alt_fg_color;
|
|
background-size: 32px;
|
|
border-radius: $bt_radius;
|
|
}
|
|
|
|
.ws-switcher-box {
|
|
height: 48px;
|
|
border: none;
|
|
background: $divider_color;
|
|
border-radius: $bt_radius;
|
|
}
|