2021-06-28 09:52:08 +08:00
|
|
|
//
|
|
|
|
|
// Dash to panel
|
|
|
|
|
//
|
|
|
|
|
#preview-menu {
|
|
|
|
|
margin: 0 6px 6px !important;
|
|
|
|
|
padding-bottom: 8px !important;
|
|
|
|
|
|
|
|
|
|
&, &:hover, &:selected {
|
|
|
|
|
border-radius: $wm_radius !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-05-09 22:49:36 +08:00
|
|
|
|
2021-07-19 10:08:07 +08:00
|
|
|
|
|
|
|
|
//
|
|
|
|
|
// OpenWeather Extension
|
|
|
|
|
//
|
2021-05-09 22:49:36 +08:00
|
|
|
.openweather {
|
|
|
|
|
&-button,
|
|
|
|
|
&-button-action,
|
|
|
|
|
&-menu-button-container,
|
|
|
|
|
&-button-box {
|
|
|
|
|
border: 1px solid transparent !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-provider {
|
|
|
|
|
// generic text buttons are allocated with y-expand-ed
|
|
|
|
|
padding: 0 16px;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
@include button(flat-normal);
|
|
|
|
|
&:hover { @include button(flat-hover); }
|
|
|
|
|
&:focus { @include button(flat-focus); }
|
|
|
|
|
&:active { @include button(flat-active); }
|
|
|
|
|
&:insensitive { @include button(flat-disabled); }
|
|
|
|
|
border: 1px solid transparent !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-current {
|
|
|
|
|
&-icon,
|
|
|
|
|
&-summary,
|
|
|
|
|
&-summarybox {
|
|
|
|
|
background: none;
|
|
|
|
|
color: $fg_color;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-databox-values {
|
|
|
|
|
background: none;
|
|
|
|
|
color: $hint_fg_color;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-databox-captions {
|
|
|
|
|
background: none;
|
|
|
|
|
color: $hint_fg_color;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-forecast {
|
|
|
|
|
&-icon,
|
|
|
|
|
&-summary {
|
|
|
|
|
background: none;
|
|
|
|
|
color: $alt_fg_color;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-day,
|
|
|
|
|
&-temperature {
|
|
|
|
|
background: none;
|
|
|
|
|
color: $hint_fg_color;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&-sunrise-icon,
|
|
|
|
|
&-sunset-icon,
|
|
|
|
|
&-build-icon { color: $alt_fg_color; }
|
|
|
|
|
}
|
2021-06-22 12:54:06 +08:00
|
|
|
|
|
|
|
|
//
|
|
|
|
|
// Gsconnect
|
|
|
|
|
//
|
|
|
|
|
.gsconnect-device-menu {
|
2021-07-19 10:08:07 +08:00
|
|
|
background-color: if($variant == 'light', rgba(black, 0.05), rgba(white, 0.05));
|
2021-06-22 12:54:06 +08:00
|
|
|
border-radius: $bt_radius;
|
2021-07-19 10:08:07 +08:00
|
|
|
margin: 0 $container_padding / 2;
|
2021-06-22 12:54:06 +08:00
|
|
|
padding: $bt_radius 0;
|
2021-07-19 10:08:07 +08:00
|
|
|
box-shadow: none;
|
2021-06-22 12:54:06 +08:00
|
|
|
|
|
|
|
|
.popup-menu-item {
|
2021-07-19 10:08:07 +08:00
|
|
|
margin: 0 $container_padding / 2 !important;
|
2021-07-03 12:01:06 +08:00
|
|
|
height: 16px !important;
|
2021-07-19 10:08:07 +08:00
|
|
|
border-radius: $bt_radius !important;
|
2021-06-22 12:54:06 +08:00
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
color: $fg_color !important;
|
|
|
|
|
background-color: rgba($fg_color, 0.1) !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
> :first-child {
|
|
|
|
|
&:ltr { padding-left: 0 !important; margin-left: 0 !important; }
|
|
|
|
|
&:rtl { padding-right: 0 !important; margin-right: 0 !important; }
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-07-03 12:01:06 +08:00
|
|
|
|
|
|
|
|
//
|
|
|
|
|
// Pop_OS cosmic widget styling
|
|
|
|
|
//
|
2021-07-19 12:28:57 +08:00
|
|
|
|
|
|
|
|
.cosmic-solid-bg {
|
|
|
|
|
background-color: #222222;
|
|
|
|
|
}
|
|
|
|
|
|
2021-07-03 12:01:06 +08:00
|
|
|
.cosmic-dock {
|
|
|
|
|
#dock {
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
|
|
|
|
.dash-background {
|
|
|
|
|
background-color: $dash_bg;
|
|
|
|
|
border: 1px solid if($variant == 'light', rgba(black, 0.08), rgba(black, 0.75));
|
|
|
|
|
box-shadow: inset 0 0 0 1px rgba(white, 0.05);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.extended {
|
|
|
|
|
#dash {
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
padding: 0 0;
|
|
|
|
|
|
|
|
|
|
.dash-background {
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
