theme: top bar styling.
This commit is contained in:
parent
6972bc90f2
commit
ac3e315a47
@ -196,6 +196,34 @@ StScrollBar {
|
||||
|
||||
/* TOP BAR */
|
||||
|
||||
#panel {
|
||||
background-color: black;
|
||||
font-weight: bold;
|
||||
height: 1.86em;
|
||||
&.unlock-screen,
|
||||
&.login-screen { background-color: transparent; }
|
||||
|
||||
#panelLeft, #panelCenter { // spacing between activities<>app menu and such
|
||||
spacing: 4px;
|
||||
}
|
||||
|
||||
.panel-corner {
|
||||
-panel-corner-radius: 6px;
|
||||
-panel-corner-background-color: black;
|
||||
-panel-corner-border-width: 2px;
|
||||
-panel-corner-border-color: transparent;
|
||||
|
||||
&:active, &:overview, &:focus { -panel-corner-border-color: transparentize($fg_color, 0.1); }
|
||||
&.lock-screen, &.login-screen, &unlock-screen {
|
||||
-panel-corner-radius: 0;
|
||||
-panel-corner-background-color: transparent;
|
||||
-panel-corner-border-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
// not really top bar only
|
||||
.popup-menu-arrow { width: 16px; height: 16px; }
|
||||
.popup-menu-icon { icon-size: 1.09em; }
|
||||
|
@ -193,57 +193,6 @@
|
||||
|
||||
/* Panel */
|
||||
|
||||
#panel {
|
||||
background-color: black;
|
||||
font-weight: bold;
|
||||
height: 1.86em;
|
||||
}
|
||||
|
||||
#panel.unlock-screen,
|
||||
#panel.login-screen {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#panelLeft, #panelCenter {
|
||||
spacing: 4px;
|
||||
}
|
||||
|
||||
#panelLeft:ltr {
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
#panelLeft:rtl {
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
#panelRight:ltr {
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
#panelRight:rtl {
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.panel-corner {
|
||||
-panel-corner-radius: 6px;
|
||||
-panel-corner-background-color: black;
|
||||
-panel-corner-border-width: 2px;
|
||||
-panel-corner-border-color: transparent;
|
||||
}
|
||||
|
||||
.panel-corner:active,
|
||||
.panel-corner:overview,
|
||||
.panel-corner:focus {
|
||||
-panel-corner-border-color: rgba(255,255,255,0.8);
|
||||
}
|
||||
|
||||
.panel-corner.lock-screen,
|
||||
.panel-corner.unlock-screen,
|
||||
.panel-corner.login-screen {
|
||||
-panel-corner-background-color: transparent;
|
||||
-panel-corner-border-color: transparent;
|
||||
}
|
||||
|
||||
#appMenu {
|
||||
spinner-image: url("process-working.svg");
|
||||
spacing: 4px;
|
||||
|
@ -147,47 +147,6 @@
|
||||
spacing: 12px; }
|
||||
|
||||
/* Panel */
|
||||
#panel {
|
||||
background-color: black;
|
||||
font-weight: bold;
|
||||
height: 1.86em; }
|
||||
|
||||
#panel.unlock-screen,
|
||||
#panel.login-screen {
|
||||
background-color: transparent; }
|
||||
|
||||
#panelLeft, #panelCenter {
|
||||
spacing: 4px; }
|
||||
|
||||
#panelLeft:ltr {
|
||||
padding-right: 4px; }
|
||||
|
||||
#panelLeft:rtl {
|
||||
padding-left: 4px; }
|
||||
|
||||
#panelRight:ltr {
|
||||
padding-left: 4px; }
|
||||
|
||||
#panelRight:rtl {
|
||||
padding-right: 4px; }
|
||||
|
||||
.panel-corner {
|
||||
-panel-corner-radius: 6px;
|
||||
-panel-corner-background-color: black;
|
||||
-panel-corner-border-width: 2px;
|
||||
-panel-corner-border-color: transparent; }
|
||||
|
||||
.panel-corner:active,
|
||||
.panel-corner:overview,
|
||||
.panel-corner:focus {
|
||||
-panel-corner-border-color: rgba(255, 255, 255, 0.8); }
|
||||
|
||||
.panel-corner.lock-screen,
|
||||
.panel-corner.unlock-screen,
|
||||
.panel-corner.login-screen {
|
||||
-panel-corner-background-color: transparent;
|
||||
-panel-corner-border-color: transparent; }
|
||||
|
||||
#appMenu {
|
||||
spinner-image: url("process-working.svg");
|
||||
spacing: 4px; }
|
||||
@ -2057,6 +2016,26 @@ StScrollBar {
|
||||
app menu inside the main app window itself rather than the top bar
|
||||
*/
|
||||
/* TOP BAR */
|
||||
#panel {
|
||||
background-color: black;
|
||||
font-weight: bold;
|
||||
height: 1.86em; }
|
||||
#panel.unlock-screen, #panel.login-screen {
|
||||
background-color: transparent; }
|
||||
#panel #panelLeft, #panel #panelCenter {
|
||||
spacing: 4px; }
|
||||
#panel .panel-corner {
|
||||
-panel-corner-radius: 6px;
|
||||
-panel-corner-background-color: black;
|
||||
-panel-corner-border-width: 2px;
|
||||
-panel-corner-border-color: transparent; }
|
||||
#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus {
|
||||
-panel-corner-border-color: rgba(238, 238, 236, 0.9); }
|
||||
#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-cornerunlock-screen {
|
||||
-panel-corner-radius: 0;
|
||||
-panel-corner-background-color: transparent;
|
||||
-panel-corner-border-color: transparent; }
|
||||
|
||||
.popup-menu-arrow {
|
||||
width: 16px;
|
||||
height: 16px; }
|
||||
|
Loading…
Reference in New Issue
Block a user