2019-12-18 21:25:03 +00:00
|
|
|
/* Workspace Switcher */
|
2021-12-28 13:46:54 +00:00
|
|
|
|
|
|
|
$ws_padding: $base_padding*2;
|
|
|
|
$ws_border_radius: $modal_radius + 8px;
|
|
|
|
|
2019-12-18 21:25:03 +00:00
|
|
|
.workspace-switcher-group {
|
2019-12-19 15:38:27 +00:00
|
|
|
padding: $base_padding * 2;
|
2019-12-18 21:25:03 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.workspace-switcher-container {
|
2019-12-19 15:38:27 +00:00
|
|
|
@extend %osd_panel;
|
2021-12-28 13:46:54 +00:00
|
|
|
padding: $ws_padding;
|
|
|
|
border-radius: $ws_border_radius;
|
|
|
|
box-shadow: 0 8px 8px 0 rgba(0,0,0,0.1);
|
2019-12-18 21:25:03 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.workspace-switcher {
|
2019-12-19 15:38:27 +00:00
|
|
|
background: transparent;
|
|
|
|
border: none;
|
|
|
|
border-radius: 0;
|
|
|
|
spacing: $base_spacing * 2;
|
2019-12-19 20:56:45 +00:00
|
|
|
}
|
2019-12-18 21:25:03 +00:00
|
|
|
|
2019-12-19 20:56:45 +00:00
|
|
|
.ws-switcher-box {
|
|
|
|
background: transparent;
|
|
|
|
height: 50px;
|
|
|
|
background-size: 32px;
|
|
|
|
border: 1px solid transparentize($osd_fg_color,0.9);
|
|
|
|
border-radius: $base_border_radius + 3px;
|
|
|
|
}
|
2019-12-18 21:25:03 +00:00
|
|
|
|
2019-12-19 20:56:45 +00:00
|
|
|
// active workspace in the switcher
|
|
|
|
.ws-switcher-active-up,
|
|
|
|
.ws-switcher-active-down,
|
|
|
|
.ws-switcher-active-left,
|
|
|
|
.ws-switcher-active-right {
|
2020-02-19 08:51:11 +00:00
|
|
|
height: 52px;
|
2019-12-19 20:56:45 +00:00
|
|
|
background-color: $selected_bg_color;
|
|
|
|
border: 1px solid if($variant=='light', darken($selected_bg_color, 8%), lighten($selected_bg_color, 5%));
|
2020-01-12 14:54:22 +00:00
|
|
|
border-radius: $base_border_radius + 3px;
|
2019-12-19 20:56:45 +00:00
|
|
|
color: $selected_fg_color;
|
2019-12-18 21:25:03 +00:00
|
|
|
}
|