70 lines
1.7 KiB
SCSS
70 lines
1.7 KiB
SCSS
|
/* Workspace Switcher */
|
||
|
|
.workspace-switcher-group {
|
||
|
|
padding: $base_padding * 2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-switcher-container {
|
||
|
|
@extend %osd_panel;
|
||
|
|
box-shadow: 0 2px 10px 2px rgba(0,0,0,0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-switcher {
|
||
|
|
background: transparent;
|
||
|
|
border: none;
|
||
|
|
border-radius: 0;
|
||
|
|
padding: 0;
|
||
|
|
spacing: $base_spacing * 2;
|
||
|
|
|
||
|
|
.ws-switcher-box {
|
||
|
|
// background: transparent;
|
||
|
|
background: transparent;
|
||
|
|
height: 50px;
|
||
|
|
background-size: 32px;
|
||
|
|
border: 1px solid transparentize($osd_fg_color,0.9);
|
||
|
|
border-radius: $base_border_radius + 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
// active workspace in the switcher
|
||
|
|
.ws-switcher-active-up,
|
||
|
|
.ws-switcher-active-down,
|
||
|
|
.ws-switcher-active-left,
|
||
|
|
.ws-switcher-active-right {
|
||
|
|
background-color: $selected_bg_color;
|
||
|
|
border: 1px solid if($variant=='light', darken($selected_bg_color, 8%), lighten($selected_bg_color, 5%));
|
||
|
|
color: $selected_fg_color;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Workspace pager */
|
||
|
|
|
||
|
|
// thumbnails in overview
|
||
|
|
.workspace-thumbnails {
|
||
|
|
@extend %overview_panel;
|
||
|
|
visible-width: 32px; //amount visible before hover
|
||
|
|
spacing: $base_spacing;
|
||
|
|
padding: $base_padding;
|
||
|
|
|
||
|
|
//fixme: can't have non uniform borders :(
|
||
|
|
border-top-left-radius:0 !important;
|
||
|
|
border-bottom-left-radius:0 !important;
|
||
|
|
border-right-width: 0 !important;
|
||
|
|
&:rtl {
|
||
|
|
border-radius: 0 $modal_radius $modal_radius 0;
|
||
|
|
border-left-width: 0 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
// drag and drop indicator
|
||
|
|
.placeholder {
|
||
|
|
background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg");
|
||
|
|
background-size: contain;
|
||
|
|
height: 24px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// selected indicator
|
||
|
|
.workspace-thumbnail-indicator {
|
||
|
|
border: 3px solid $selected_bg_color;
|
||
|
|
border-radius: 3px;
|
||
|
|
padding: 0px;
|
||
|
|
// background-color: transparentize($selected_bg_color, 0.9);
|
||
|
|
}
|