Fixed dash to dock issues
This commit is contained in:
parent
cf307035e2
commit
ac977a7370
@ -6,7 +6,7 @@
|
|||||||
%app-well-app {
|
%app-well-app {
|
||||||
& .overview-icon {
|
& .overview-icon {
|
||||||
color: $light_alt_fg_color;
|
color: $light_alt_fg_color;
|
||||||
border-radius: $bd_radius * 1.5;
|
border-radius: $wm_radius;
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
border: none;
|
border: none;
|
||||||
transition-duration: 100ms;
|
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
|
// right-click app menu
|
||||||
.app-menu,
|
.app-menu,
|
||||||
.app-well-menu {
|
.app-well-menu {
|
||||||
|
@ -35,51 +35,69 @@ $dash_radius: 18px;
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.straight-corner #dash .dash-background,
|
&.straight-corner #dash,
|
||||||
&.shrink.straight-corner #dash .dash-background {
|
&.shrink.straight-corner #dash {
|
||||||
border-radius: 0;
|
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.top,
|
||||||
&.extended.bottom {
|
&.extended.bottom,
|
||||||
#dash {
|
|
||||||
border-left: 0;
|
|
||||||
border-right: 0;
|
|
||||||
padding-top: 0;
|
|
||||||
padding-bottom: 0;
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dash-background {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.extended.right,
|
&.extended.right,
|
||||||
&.extended.left {
|
&.extended.left {
|
||||||
#dash {
|
#dash {
|
||||||
border-top: 0;
|
margin-left: 0;
|
||||||
border-bottom: 0;
|
margin-right: 0;
|
||||||
padding-top: 0;
|
|
||||||
padding-bottom: 0;
|
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
|
||||||
|
|
||||||
.dash-background {
|
|
||||||
margin-bottom: 0;
|
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
|
#dash { // default-mode
|
||||||
background: none;
|
background: none;
|
||||||
|
|
||||||
// .app-well-app-running-dot {
|
|
||||||
// background-color: rgba($dash_panel_fg, 0.85);
|
|
||||||
// }
|
|
||||||
//
|
|
||||||
StWidget.focused .app-well-app-running-dot {
|
StWidget.focused .app-well-app-running-dot {
|
||||||
background-color: $primary_color;
|
background-color: $primary_color;
|
||||||
}
|
}
|
||||||
@ -91,12 +109,6 @@ $dash_radius: 18px;
|
|||||||
box-shadow: inset 0 0 0 1px rgba(white, 0.05);
|
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
|
&:overview #dash { // overview-mode #1
|
||||||
background: none;
|
background: none;
|
||||||
|
|
||||||
@ -133,10 +145,6 @@ $dash_radius: 18px;
|
|||||||
#dash {
|
#dash {
|
||||||
background: none;
|
background: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
// .dash-background {
|
|
||||||
// background-color: $light_divider_color;
|
|
||||||
// }
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.running-dots,
|
&.running-dots,
|
||||||
@ -154,14 +162,6 @@ $dash_radius: 18px;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-well-app,
|
|
||||||
.show-apps {
|
|
||||||
.overview-icon {
|
|
||||||
padding: 8px;
|
|
||||||
background-size: contain;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.extended,
|
&.extended,
|
||||||
&.extended:overview {
|
&.extended:overview {
|
||||||
.app-well-app,
|
.app-well-app,
|
||||||
|
@ -40,41 +40,6 @@ $app_icon_padding: 24px;
|
|||||||
& StButton#vhandle:active { background-color: transparent; }
|
& 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
|
//Some hacks I don't even
|
||||||
.all-apps,
|
.all-apps,
|
||||||
.search-display > StBoxLayout,
|
.search-display > StBoxLayout,
|
||||||
|
@ -17,18 +17,6 @@ $app_icon_size: 96px;
|
|||||||
background-color: rgba(#262626, 0.9);
|
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 {
|
.apps-scroll-view {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
@ -3,7 +3,7 @@ $dash_placeholder_size: 32px;
|
|||||||
$dash_padding: $base_padding + 4px; // 10px
|
$dash_padding: $base_padding + 4px; // 10px
|
||||||
$dash_spacing: $base_padding / 4;
|
$dash_spacing: $base_padding / 4;
|
||||||
$dash_bottom_margin: $base_margin * 4;
|
$dash_bottom_margin: $base_margin * 4;
|
||||||
$dash_border_radius: $bt_radius * 3;
|
$dash_border_radius: $wm_radius + $dash_padding;
|
||||||
|
|
||||||
#dash {
|
#dash {
|
||||||
margin-top: $base_spacing * 2;
|
margin-top: $base_spacing * 2;
|
||||||
|
@ -5,8 +5,6 @@
|
|||||||
// GNOME Terminal, MATE Terminal
|
// GNOME Terminal, MATE Terminal
|
||||||
//
|
//
|
||||||
terminal-window {
|
terminal-window {
|
||||||
// &.background.csd { border-radius: 0 0 0 0; }
|
|
||||||
|
|
||||||
notebook {
|
notebook {
|
||||||
button.flat.toggle.popup {
|
button.flat.toggle.popup {
|
||||||
min-height: 28px;
|
min-height: 28px;
|
||||||
@ -14,8 +12,6 @@ terminal-window {
|
|||||||
margin: -2px;
|
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