2018-09-26 18:37:12 +03:00
|
|
|
/* GNOME CSD styles for headerbar on Firefox [tabsintitlebar] */
|
|
|
|
|
|
|
|
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
|
|
|
|
2019-06-27 06:12:28 +03:00
|
|
|
/* Headerbar top border corners rounded */
|
2020-10-24 21:39:12 +03:00
|
|
|
:root[tabsintitlebar][sizemode="normal"]:not([gtktiledwindow="true"]) #nav-bar {
|
2022-02-28 02:19:58 +02:00
|
|
|
border-radius: env(-moz-gtk-csd-titlebar-radius) env(-moz-gtk-csd-titlebar-radius) 0 0 !important;
|
2019-06-27 06:12:28 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
/* Window buttons: at least 1 button */
|
2019-06-02 21:15:51 +03:00
|
|
|
@media (-moz-gtk-csd-minimize-button), (-moz-gtk-csd-maximize-button), (-moz-gtk-csd-close-button) {
|
2022-08-28 19:47:31 +03:00
|
|
|
:root {
|
2022-12-16 20:02:41 +02:00
|
|
|
--gnome-navbar-csd-offset: 43px;
|
2019-06-02 21:15:51 +03:00
|
|
|
}
|
2019-02-17 04:34:41 +02:00
|
|
|
}
|
2019-06-27 06:12:28 +03:00
|
|
|
/* Window buttons: at least 2 buttons */
|
2019-06-02 21:15:51 +03:00
|
|
|
@media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button),
|
|
|
|
(-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-close-button),
|
|
|
|
(-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) {
|
2022-08-28 19:47:31 +03:00
|
|
|
:root {
|
2022-12-18 05:32:43 +02:00
|
|
|
--gnome-navbar-csd-offset: 80px;
|
2019-06-02 21:15:51 +03:00
|
|
|
}
|
|
|
|
}
|
2019-06-27 06:12:28 +03:00
|
|
|
/* Window buttons: 3 buttons */
|
2019-06-02 21:15:51 +03:00
|
|
|
@media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) {
|
2022-08-28 19:47:31 +03:00
|
|
|
:root {
|
2022-12-18 05:32:43 +02:00
|
|
|
--gnome-navbar-csd-offset: 117px;
|
2019-06-02 21:15:51 +03:00
|
|
|
}
|
2019-02-17 04:34:41 +02:00
|
|
|
}
|
2018-09-26 18:37:12 +03:00
|
|
|
|
2022-08-28 19:47:31 +03:00
|
|
|
/* Right window buttons offset by button count */
|
|
|
|
:root[tabsintitlebar]:not([inFullscreen]) #nav-bar {
|
|
|
|
padding-left: 3px !important;
|
|
|
|
padding-right: var(--gnome-navbar-csd-offset) !important;
|
|
|
|
}
|
|
|
|
/* Fullscreen headerbar padding for 1 button */
|
|
|
|
:root[tabsintitlebar][inFullscreen] #nav-bar {
|
2022-12-19 06:38:14 +02:00
|
|
|
padding-right: 43px !important;
|
2022-08-28 19:47:31 +03:00
|
|
|
}
|
|
|
|
|
2020-01-29 01:02:21 +02:00
|
|
|
/* Left window buttons */
|
|
|
|
@media (-moz-gtk-csd-reversed-placement) {
|
2022-08-28 19:47:31 +03:00
|
|
|
/* Window controls offset by button count */
|
2019-06-02 21:15:51 +03:00
|
|
|
:root[tabsintitlebar]:not([inFullscreen]) #nav-bar {
|
2022-08-28 19:47:31 +03:00
|
|
|
padding-left: var(--gnome-navbar-csd-offset) !important;
|
2019-06-02 21:15:51 +03:00
|
|
|
padding-right: 3px !important;
|
2018-09-26 18:37:12 +03:00
|
|
|
}
|
2019-06-02 21:15:51 +03:00
|
|
|
|
|
|
|
/* Window buttons box */
|
|
|
|
:root[tabsintitlebar] #titlebar .titlebar-buttonbox-container {
|
|
|
|
left: 0;
|
2020-02-27 03:02:29 +02:00
|
|
|
right: auto !important;
|
2018-09-26 18:37:12 +03:00
|
|
|
}
|
2022-08-28 19:47:31 +03:00
|
|
|
|
|
|
|
/* Fullscreen headerbar padding for 1 button */
|
|
|
|
:root[tabsintitlebar][inFullscreen] #nav-bar {
|
|
|
|
padding-left: 50px !important;
|
|
|
|
padding-right: 3px !important
|
2019-06-02 21:15:51 +03:00
|
|
|
}
|
2020-01-29 01:02:21 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
/* Remove close and minimize buttons from fullscreen buttons */
|
2022-08-28 19:47:31 +03:00
|
|
|
:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox-container .titlebar-min,
|
|
|
|
:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox-container .titlebar-close {
|
2020-01-29 01:02:21 +02:00
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
|
2022-08-28 19:47:31 +03:00
|
|
|
/* Force the restore button to appear regardless of maximize button's status */
|
2023-05-10 04:35:59 +03:00
|
|
|
:root[tabsintitlebar][inFullscreen]:not([inDOMFullscreen]) #titlebar .titlebar-buttonbox-container {
|
2022-10-21 22:04:07 +03:00
|
|
|
visibility: visible !important;
|
|
|
|
}
|
2022-12-19 06:38:14 +02:00
|
|
|
:root[tabsintitlebar][inFullscreen]:not([inDOMFullscreen]) #titlebar .titlebar-buttonbox-container .titlebar-restore {
|
2022-08-28 19:47:31 +03:00
|
|
|
display: inherit !important;
|
|
|
|
}
|
|
|
|
|
2019-07-09 17:33:27 +03:00
|
|
|
/* Remove tabsbar titlebar blank spaces */
|
|
|
|
:root[tabsintitlebar] #TabsToolbar .titlebar-placeholder {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
|
2019-06-27 06:12:28 +03:00
|
|
|
/* Prevent menubar from breaking */
|
2019-06-02 21:15:51 +03:00
|
|
|
:root[tabsintitlebar] #toolbar-menubar:not([inactive=true]) {
|
|
|
|
height: 30px !important;
|
|
|
|
margin-bottom: 8px;
|
|
|
|
}
|
2019-06-27 06:12:28 +03:00
|
|
|
|
|
|
|
/* Remove default style of titlebar */
|
2019-06-02 21:15:51 +03:00
|
|
|
:root[tabsintitlebar] #titlebar {
|
|
|
|
-moz-appearance: none !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Fix the issue when dragging tabs */
|
|
|
|
:root[tabsintitlebar] #navigator-toolbox[movingtab] #TabsToolbar {
|
|
|
|
padding-bottom: 0 !important;
|
|
|
|
}
|
2019-07-06 19:19:14 +03:00
|
|
|
|
2020-01-29 01:02:21 +02:00
|
|
|
/* Window buttons box */
|
2022-08-28 19:47:31 +03:00
|
|
|
:root[tabsintitlebar] #titlebar .titlebar-buttonbox-container {
|
2020-01-29 01:02:21 +02:00
|
|
|
-moz-appearance: none !important;
|
2022-12-16 20:02:41 +02:00
|
|
|
padding: 5px;
|
2020-01-29 01:02:21 +02:00
|
|
|
position: absolute !important;
|
|
|
|
right: 0;
|
|
|
|
top: 0;
|
2019-07-09 17:33:27 +03:00
|
|
|
display: block !important;
|
|
|
|
}
|
2020-01-29 01:02:21 +02:00
|
|
|
:root[tabsintitlebar] #titlebar .titlebar-buttonbox {
|
|
|
|
-moz-appearance: none !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Window buttons style */
|
2023-12-10 06:35:06 +02:00
|
|
|
:root[tabsintitlebar]:not([inFullscreen]) #titlebar .titlebar-button {
|
2020-01-29 01:02:21 +02:00
|
|
|
-moz-appearance: none !important;
|
|
|
|
padding: 0 2px !important;
|
2023-11-22 17:53:40 +02:00
|
|
|
background: var(--gnome-button-background) !important;
|
2023-02-06 20:42:54 +02:00
|
|
|
transition: background 0.3s;
|
2020-01-29 01:02:21 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
:root[tabsintitlebar] #titlebar .titlebar-button {
|
|
|
|
border-radius: 100% !important;
|
2022-04-08 19:46:46 +03:00
|
|
|
height: 24px !important;
|
2022-12-18 05:32:43 +02:00
|
|
|
margin: 6px 6.5px !important;
|
2022-04-08 19:46:46 +03:00
|
|
|
width: 24px !important;
|
2020-01-29 01:02:21 +02:00
|
|
|
}
|
|
|
|
|
2023-12-10 06:35:06 +02:00
|
|
|
:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox {
|
|
|
|
background: transparent !important;
|
2022-05-18 08:28:04 +03:00
|
|
|
border-radius: 6px !important;
|
2023-12-10 06:35:06 +02:00
|
|
|
height: 34px !important;
|
|
|
|
width: 34px !important;
|
|
|
|
transition: background .3s;
|
|
|
|
}
|
|
|
|
|
|
|
|
:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox:hover {
|
|
|
|
outline: 0 !important;
|
|
|
|
background: var(--gnome-hover-color) !important;
|
2020-01-29 01:02:21 +02:00
|
|
|
}
|
|
|
|
|
2022-05-26 04:59:57 +03:00
|
|
|
:root[tabsintitlebar] #titlebar toolbarbutton > .toolbarbutton-icon {
|
|
|
|
padding: 0 !important;
|
|
|
|
stroke: none !important;
|
|
|
|
-moz-context-properties: fill, fill-opacity !important;
|
|
|
|
}
|
|
|
|
|
2020-01-29 01:02:21 +02:00
|
|
|
:root[tabsintitlebar] #titlebar .titlebar-button .toolbarbutton-icon,
|
|
|
|
:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton .toolbarbutton-icon {
|
|
|
|
width: 16px;
|
|
|
|
}
|
2023-07-13 03:50:17 +03:00
|
|
|
:root[tabsintitlebar] #titlebar .titlebar-button:not([disabled]):hover,
|
|
|
|
:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton:not([disabled]):hover {
|
2023-04-12 03:06:25 +03:00
|
|
|
background: var(--gnome-button-hover-background) !important;
|
2020-01-29 01:02:21 +02:00
|
|
|
}
|
2023-07-13 03:50:17 +03:00
|
|
|
:root[tabsintitlebar] #titlebar .titlebar-button:not([disabled]):active,
|
|
|
|
:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton:not([disabled]):active {
|
|
|
|
background: var(--gnome-button-active-background) !important;
|
2019-07-09 17:33:27 +03:00
|
|
|
}
|
2020-09-30 03:43:36 +03:00
|
|
|
|
2023-07-13 03:50:17 +03:00
|
|
|
:root[tabsintitlebar] #titlebar .titlebar-button:-moz-window-inactive,
|
|
|
|
:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton:-moz-window-inactive {
|
|
|
|
filter: opacity(0.5);
|
2022-04-09 06:11:53 +03:00
|
|
|
}
|
|
|
|
|
2020-09-30 03:43:36 +03:00
|
|
|
/* OPTIONAL: Allow draging the window from headerbar buttons */
|
2023-10-21 02:07:47 +03:00
|
|
|
@media (-moz-bool-pref: "gnomeTheme.dragWindowHeaderbarButtons") {
|
2020-09-30 03:43:36 +03:00
|
|
|
:root[tabsintitlebar] #nav-bar *,
|
|
|
|
:root[tabsintitlebar] #titlebar .titlebar-button,
|
|
|
|
:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton {
|
|
|
|
-moz-window-dragging: drag;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Avoid window dragging from urlbar */
|
|
|
|
:root[tabsintitlebar] #nav-bar .urlbar-input-box,
|
|
|
|
:root[tabsintitlebar] #nav-bar .urlbar-input-box * {
|
|
|
|
-moz-window-dragging: no-drag !important;
|
|
|
|
}
|
|
|
|
}
|