clean up the code
- deduplicate CSD code - fix some minor bugs and typos
This commit is contained in:
parent
a2ab5745b1
commit
237d23259a
84
ui/csd.css
84
ui/csd.css
|
@ -1,11 +1,6 @@
|
||||||
|
@import "fedora-csd.css";
|
||||||
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||||
|
|
||||||
#nav-bar {
|
|
||||||
margin-top: -4px !important;
|
|
||||||
padding-right: 7px !important;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
#nav-bar toolbarbutton.chromeclass-toolbar-additional,
|
#nav-bar toolbarbutton.chromeclass-toolbar-additional,
|
||||||
#nav-bar toolbarbutton.toolbarbutton-combined,
|
#nav-bar toolbarbutton.toolbarbutton-combined,
|
||||||
#nav-bar #reload-button,
|
#nav-bar #reload-button,
|
||||||
|
@ -13,80 +8,3 @@
|
||||||
#PanelUI-menu-button {
|
#PanelUI-menu-button {
|
||||||
margin: 6px 3px !important;
|
margin: 6px 3px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Add window controls separator */
|
|
||||||
#nav-bar::after {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
right: 3px;
|
|
||||||
top: 6px;
|
|
||||||
height: 32px;
|
|
||||||
border-right: 1px solid rgba(0, 0, 0, .1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Move window buttons next to the header bar */
|
|
||||||
#titlebar-buttonbox {
|
|
||||||
background-image: var(--gnome-headerbar-bgimage) !important;
|
|
||||||
border: none !important;
|
|
||||||
border-bottom: var(--gnome-headerbar-border-bottom) !important;
|
|
||||||
box-shadow: var(--gnome-headerbar-box-shadow);
|
|
||||||
margin-right: -4px;
|
|
||||||
margin-top: -4px !important;
|
|
||||||
padding-right: 3px;
|
|
||||||
}
|
|
||||||
#navigator-toolbox {
|
|
||||||
margin-top: -5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Window buttons */
|
|
||||||
#titlebar toolbarbutton {
|
|
||||||
-moz-appearance: none !important;
|
|
||||||
border: var(--gnome-headerbar-button-border) !important;
|
|
||||||
border-color: transparent !important;
|
|
||||||
border-radius: 3px !important;
|
|
||||||
height: 34px;
|
|
||||||
margin: 6px 3px !important;
|
|
||||||
padding: 0 2px !important;
|
|
||||||
position: relative;
|
|
||||||
transition: all .3s ease-out;
|
|
||||||
width: 34px;
|
|
||||||
}
|
|
||||||
#titlebar toolbarbutton image {
|
|
||||||
filter: invert(85%);
|
|
||||||
margin-left: 6px;
|
|
||||||
}
|
|
||||||
#titlebar toolbarbutton:not([disabled]):hover {
|
|
||||||
background-image: var(--gnome-headerbar-button-hover-bgimage);
|
|
||||||
border: var(--gnome-headerbar-button-border) !important;
|
|
||||||
}
|
|
||||||
#titlebar toolbarbutton:not([disabled]):active {
|
|
||||||
background-image: var(--gnome-headerbar-button-active-bgimage);
|
|
||||||
box-shadow: var(--gnome-headerbar-button-active-box-shadow);
|
|
||||||
border: var(--gnome-headerbar-button-border) !important;
|
|
||||||
}
|
|
||||||
#titlebar toolbarbutton[disabled] {
|
|
||||||
background-color: var(--gnome-headerbar-button-disabled-bgcolor);
|
|
||||||
box-shadow: var(--gnome-headerbar-button-disabled-box-shadow);
|
|
||||||
border: var(--gnome-headerbar-button-border) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Remove ugly line before tabs */
|
|
||||||
.titlebar-placeholder[type="pre-tabs"] {
|
|
||||||
border-inline-end: 0px solid !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Remove blank space after tabs when window is maximized */
|
|
||||||
#main-window:not([sizemode="normal"]) .titlebar-placeholder[type="post-tabs"] {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Remove window controls blank space after tabs */
|
|
||||||
.titlebar-placeholder[type="caption-buttons"] {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Remove blank space before and after tabs */
|
|
||||||
.titlebar-placeholder[type="pre-tabs"],
|
|
||||||
.titlebar-placeholder[type="post-tabs"] {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
|
@ -12,7 +12,7 @@
|
||||||
--gnome-browser-before-load-bgcolor: #2e3436;
|
--gnome-browser-before-load-bgcolor: #2e3436;
|
||||||
|
|
||||||
/* Extra toolbars like the bookmark bar */
|
/* Extra toolbars like the bookmark bar */
|
||||||
--toolbar-bgcolor: #2f3434 !important;
|
--toolbar-bgcolor: var(--gnome-tabbar-bgcolor) !important;
|
||||||
--toolbar-bgimage: none !important;
|
--toolbar-bgimage: none !important;
|
||||||
|
|
||||||
/* Header bar */
|
/* Header bar */
|
||||||
|
|
|
@ -12,7 +12,7 @@
|
||||||
--gnome-browser-before-load-bgcolor: #d6d6d6;
|
--gnome-browser-before-load-bgcolor: #d6d6d6;
|
||||||
|
|
||||||
/* Extra toolbars like the bookmark bar */
|
/* Extra toolbars like the bookmark bar */
|
||||||
--toolbar-bgcolor: #d6d6d6 !important;
|
--toolbar-bgcolor: var(--gnome-tabbar-bgcolor) !important;
|
||||||
--toolbar-bgimage: none !important;
|
--toolbar-bgimage: none !important;
|
||||||
|
|
||||||
/* Header bar */
|
/* Header bar */
|
||||||
|
@ -63,7 +63,7 @@
|
||||||
* /usr/share/icons/<theme>/ and on some systems they need to be
|
* /usr/share/icons/<theme>/ and on some systems they need to be
|
||||||
* inverted, on others they don't, adjusts the filters below to your
|
* inverted, on others they don't, adjusts the filters below to your
|
||||||
* needs (you may also adjust icon brightness here). */
|
* needs (you may also adjust icon brightness here). */
|
||||||
--gnome-icons-hack-filter: none ; /* with invert: invert(85%) */
|
--gnome-icons-hack-filter: invert(30%); /* with invert: invert(85%) */
|
||||||
--gnome-icons-hack-close-button-border: 1px solid #a1a1a1; /* with invert: 1px solid #5e5e5e */
|
--gnome-icons-hack-close-button-border: 1px solid #a1a1a1; /* with invert: 1px solid #5e5e5e */
|
||||||
--gnome-icons-hack-close-button-filter: none; /* with invert: invert(100%) */
|
--gnome-icons-hack-close-button-filter: none; /* with invert: invert(100%) */
|
||||||
--gnome-icons-hack-close-button-active-bgimage: linear-gradient(rgb(214, 214, 214), rgb(220, 220, 220) 40%, rgb(224, 224, 224));
|
--gnome-icons-hack-close-button-active-bgimage: linear-gradient(rgb(214, 214, 214), rgb(220, 220, 220) 40%, rgb(224, 224, 224));
|
||||||
|
|
|
@ -12,7 +12,7 @@
|
||||||
--gnome-browser-before-load-bgcolor: #33393b;
|
--gnome-browser-before-load-bgcolor: #33393b;
|
||||||
|
|
||||||
/* Extra toolbars like the bookmark bar */
|
/* Extra toolbars like the bookmark bar */
|
||||||
--toolbar-bgcolor: linear-gradient(to top, #25292b, #2a2e30 2px, #2c3133 3px) !important;
|
--toolbar-bgcolor: var(--gnome-tabbar-bgcolor) !important;
|
||||||
--toolbar-bgimage: none !important;
|
--toolbar-bgimage: none !important;
|
||||||
|
|
||||||
/* Header bar */
|
/* Header bar */
|
||||||
|
|
|
@ -147,7 +147,7 @@ tabbrowser tabpanels {
|
||||||
#nav-bar toolbarbutton.chromeclass-toolbar-additional[disabled],
|
#nav-bar toolbarbutton.chromeclass-toolbar-additional[disabled],
|
||||||
#nav-bar toolbarbutton.toolbarbutton-combined[disabled],
|
#nav-bar toolbarbutton.toolbarbutton-combined[disabled],
|
||||||
#nav-bar #reload-button[disabled],
|
#nav-bar #reload-button[disabled],
|
||||||
#nav-bar #stop-button[disabled]
|
#nav-bar #stop-button[disabled],
|
||||||
#PanelUI-menu-button[disabled] {
|
#PanelUI-menu-button[disabled] {
|
||||||
background-color: var(--gnome-headerbar-button-disabled-bgcolor);
|
background-color: var(--gnome-headerbar-button-disabled-bgcolor);
|
||||||
box-shadow: var(--gnome-headerbar-button-disabled-box-shadow);
|
box-shadow: var(--gnome-headerbar-button-disabled-box-shadow);
|
||||||
|
@ -379,7 +379,7 @@ tab[selected] {
|
||||||
}
|
}
|
||||||
|
|
||||||
.tabbrowser-tab[image] .tab-label-container, .tabbrowser-tab[bussy] .tab-label-container {
|
.tabbrowser-tab[image] .tab-label-container, .tabbrowser-tab[bussy] .tab-label-container {
|
||||||
margin-left: 0px !important;
|
margin-left: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* If tab close button is not present, don't force favicon to the center */
|
/* If tab close button is not present, don't force favicon to the center */
|
||||||
|
|
Loading…
Reference in New Issue