Fixed dash to dock issues
This commit is contained in:
parent
cf307035e2
commit
ac977a7370
@ -6,7 +6,7 @@
|
||||
%app-well-app {
|
||||
& .overview-icon {
|
||||
color: $light_alt_fg_color;
|
||||
border-radius: $bd_radius * 1.5;
|
||||
border-radius: $wm_radius;
|
||||
padding: 8px;
|
||||
border: none;
|
||||
transition-duration: 100ms;
|
||||
@ -115,6 +115,41 @@
|
||||
}
|
||||
}
|
||||
|
||||
.page-indicator {
|
||||
padding: $base_padding $base_padding * 2;
|
||||
|
||||
.page-indicator-icon {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 12px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-image: none;
|
||||
color: transparent;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
background-color: $light_alt_disabled_fg_color;
|
||||
}
|
||||
&:hover .page-indicator-icon {
|
||||
background-image: none;
|
||||
background-color: $light_disabled_fg_color;
|
||||
}
|
||||
&:active .page-indicator-icon {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-image: none;
|
||||
color: transparent;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
background-color: $light_alt_fg_color;
|
||||
}
|
||||
&:checked .page-indicator-icon {
|
||||
background-image: none;
|
||||
background-color: $light_alt_fg_color;
|
||||
}
|
||||
&:checked:active { background-image: none; }
|
||||
}
|
||||
|
||||
// right-click app menu
|
||||
.app-menu,
|
||||
.app-well-menu {
|
||||
|
@ -35,51 +35,69 @@ $dash_radius: 18px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&.straight-corner #dash .dash-background,
|
||||
&.shrink.straight-corner #dash .dash-background {
|
||||
&.straight-corner #dash,
|
||||
&.shrink.straight-corner #dash {
|
||||
border-radius: 0;
|
||||
margin: 0;
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
margin-top: 0;
|
||||
|
||||
.dash-background {
|
||||
border-radius: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.extended.top,
|
||||
&.extended.bottom {
|
||||
#dash {
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.dash-background {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.extended.bottom,
|
||||
&.extended.right,
|
||||
&.extended.left {
|
||||
#dash {
|
||||
border-top: 0;
|
||||
border-bottom: 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.dash-background {
|
||||
margin-bottom: 0;
|
||||
padding: 0 0;
|
||||
|
||||
.dash-background {
|
||||
border-radius: 0;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.dashtodock #dash { background: none; }
|
||||
&.left,
|
||||
&.right {
|
||||
#dash {
|
||||
margin-top: 0;
|
||||
padding: $dash_padding 0;
|
||||
|
||||
.dash-background { // default-mode
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.dash-item-container .app-well-app, .show-apps {
|
||||
padding: $dash_padding / 2;
|
||||
}
|
||||
}
|
||||
|
||||
&.left #dash {
|
||||
margin-left: $base_padding;
|
||||
}
|
||||
|
||||
&.right #dash {
|
||||
margin-right: $base_padding;
|
||||
}
|
||||
|
||||
#dash { // default-mode
|
||||
background: none;
|
||||
|
||||
// .app-well-app-running-dot {
|
||||
// background-color: rgba($dash_panel_fg, 0.85);
|
||||
// }
|
||||
//
|
||||
StWidget.focused .app-well-app-running-dot {
|
||||
background-color: $primary_color;
|
||||
}
|
||||
@ -91,12 +109,6 @@ $dash_radius: 18px;
|
||||
box-shadow: inset 0 0 0 1px rgba(white, 0.05);
|
||||
}
|
||||
|
||||
// .dash-separator {
|
||||
// width: 1px !important;
|
||||
// // margin: 0 0 !important;
|
||||
// background-color: $light_divider_color;
|
||||
// }
|
||||
|
||||
&:overview #dash { // overview-mode #1
|
||||
background: none;
|
||||
|
||||
@ -133,10 +145,6 @@ $dash_radius: 18px;
|
||||
#dash {
|
||||
background: none;
|
||||
}
|
||||
|
||||
// .dash-background {
|
||||
// background-color: $light_divider_color;
|
||||
// }
|
||||
}
|
||||
|
||||
&.running-dots,
|
||||
@ -154,14 +162,6 @@ $dash_radius: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.app-well-app,
|
||||
.show-apps {
|
||||
.overview-icon {
|
||||
padding: 8px;
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
|
||||
&.extended,
|
||||
&.extended:overview {
|
||||
.app-well-app,
|
||||
|
@ -40,41 +40,6 @@ $app_icon_padding: 24px;
|
||||
& StButton#vhandle:active { background-color: transparent; }
|
||||
}
|
||||
|
||||
.page-indicator {
|
||||
padding: 15px 20px;
|
||||
|
||||
.page-indicator-icon {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 12px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-image: none;
|
||||
color: transparent;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
background-color: $light_alt_disabled_fg_color;
|
||||
}
|
||||
&:hover .page-indicator-icon {
|
||||
background-image: none;
|
||||
background-color: $light_disabled_fg_color;
|
||||
}
|
||||
&:active .page-indicator-icon {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-image: none;
|
||||
color: transparent;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
background-color: $light_alt_fg_color;
|
||||
}
|
||||
&:checked .page-indicator-icon {
|
||||
background-image: none;
|
||||
background-color: $light_alt_fg_color;
|
||||
}
|
||||
&:checked:active { background-image: none; }
|
||||
}
|
||||
|
||||
//Some hacks I don't even
|
||||
.all-apps,
|
||||
.search-display > StBoxLayout,
|
||||
|
@ -17,18 +17,6 @@ $app_icon_size: 96px;
|
||||
background-color: rgba(#262626, 0.9);
|
||||
}
|
||||
|
||||
// App Grid pagination indicators
|
||||
.page-indicator {
|
||||
padding: $base_padding $base_padding * 2 0;
|
||||
|
||||
.page-indicator-icon {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 10px; // the same as height&width
|
||||
background-color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.apps-scroll-view {
|
||||
padding: 0;
|
||||
}
|
||||
|
@ -3,7 +3,7 @@ $dash_placeholder_size: 32px;
|
||||
$dash_padding: $base_padding + 4px; // 10px
|
||||
$dash_spacing: $base_padding / 4;
|
||||
$dash_bottom_margin: $base_margin * 4;
|
||||
$dash_border_radius: $bt_radius * 3;
|
||||
$dash_border_radius: $wm_radius + $dash_padding;
|
||||
|
||||
#dash {
|
||||
margin-top: $base_spacing * 2;
|
||||
|
@ -5,8 +5,6 @@
|
||||
// GNOME Terminal, MATE Terminal
|
||||
//
|
||||
terminal-window {
|
||||
// &.background.csd { border-radius: 0 0 0 0; }
|
||||
|
||||
notebook {
|
||||
button.flat.toggle.popup {
|
||||
min-height: 28px;
|
||||
@ -14,8 +12,6 @@ terminal-window {
|
||||
margin: -2px;
|
||||
}
|
||||
}
|
||||
|
||||
// &.background.csd.maximized { border-radius: 0 0 0 0; } // Fixed gnome 3.32 issue: Unable to restore window size after maximization
|
||||
}
|
||||
|
||||
//
|
||||
|
Loading…
x
Reference in New Issue
Block a user