From 02d2dabe65519a917fba45c2651ba3c54c46df28 Mon Sep 17 00:00:00 2001 From: Bleznudd <33193871+Bleznudd@users.noreply.github.com> Date: Thu, 24 May 2018 16:27:44 +0200 Subject: [PATCH 1/2] Create elementaryos-like-btn-position.css Elementary OS like window buttons. Close (C) on the left, maximize (M) on the right, no minimize (m) --- titlebar/elementaryos-like-btn-position.css | 41 +++++++++++++++++++++ 1 file changed, 41 insertions(+) create mode 100644 titlebar/elementaryos-like-btn-position.css diff --git a/titlebar/elementaryos-like-btn-position.css b/titlebar/elementaryos-like-btn-position.css new file mode 100644 index 0000000..72cad0c --- /dev/null +++ b/titlebar/elementaryos-like-btn-position.css @@ -0,0 +1,41 @@ +/* + * Elementary OS like window buttons. + * Close (C) on the left, maximize (M) on the right + * no minimize (m) + * + * (ideal with title bar disabled) + * + * Contributor(s): Bleznudd + * https://github.com/Bleznudd/ + * + */ + +#titlebar-buttonbox { + display: flex !important; + flex-direction: row-reverse !important; /*reverse buttons order (C:M:m)*/ +} +.titlebar-placeholder[type="pre-tabs"] { + display: -moz-box !important; + width: 38px !important; /*reserving some pixels of space for the C btn*/ + border: 0 !important; +} +#titlebar-close{ + display: -moz-box !important; + margin-right: calc(100vw - 34px - 34px) !important; + /*setting a loooong C btn right-margin (long nearly as the window width)*/ +} +#titlebar-max{ + display: -moz-box !important; +} +#titlemar-min{ + display: none !important; /*hiding m btn*/ +} +#titlebar-spacer { + max-width: 0px !important; /*setting 0 pixels long title spacer*/ + display: -moz-box !important; /*or display: none !important*/ +} +#tabbrowser-tabs{ + max-width: calc(100vw - 70px - 80px) !important; + min-width: calc(100vw - 70px - 80px) !important; + z-index: 2 !important; /*putting tabs-bar over buttonbox*/ +} From b66e20c2c7a7eeaea0242c5720f42468310169e6 Mon Sep 17 00:00:00 2001 From: Bleznudd <33193871+Bleznudd@users.noreply.github.com> Date: Fri, 1 Feb 2019 18:10:43 +0100 Subject: [PATCH 2/2] Update elementaryos-like-btn-position.css Firefox 65.0 compatibility --- titlebar/elementaryos-like-btn-position.css | 41 ++++++++++----------- 1 file changed, 19 insertions(+), 22 deletions(-) diff --git a/titlebar/elementaryos-like-btn-position.css b/titlebar/elementaryos-like-btn-position.css index 72cad0c..580fbd0 100644 --- a/titlebar/elementaryos-like-btn-position.css +++ b/titlebar/elementaryos-like-btn-position.css @@ -10,32 +10,29 @@ * */ -#titlebar-buttonbox { - display: flex !important; - flex-direction: row-reverse !important; /*reverse buttons order (C:M:m)*/ +.toolbar-items{ + position: absolute !important; + left: 34px !important; + width: calc(100vw - 100px) !important; } -.titlebar-placeholder[type="pre-tabs"] { - display: -moz-box !important; - width: 38px !important; /*reserving some pixels of space for the C btn*/ - border: 0 !important; +#TabsToolbar-customization-target{ + width: 100% !important; + z-index: 10 !important; } -#titlebar-close{ - display: -moz-box !important; - margin-right: calc(100vw - 34px - 34px) !important; - /*setting a loooong C btn right-margin (long nearly as the window width)*/ +.tabs-newtab-button{ + z-index: 15 !important; } -#titlebar-max{ - display: -moz-box !important; +.tabbrowser-tab{ + z-index: 15 !important; } -#titlemar-min{ - display: none !important; /*hiding m btn*/ +.titlebar-buttonbox{ + display: flex !important; + flex-direction: row-reverse !important; + z-index: 5 !important; } -#titlebar-spacer { - max-width: 0px !important; /*setting 0 pixels long title spacer*/ - display: -moz-box !important; /*or display: none !important*/ +.titlebar-min{ + display: none !important; } -#tabbrowser-tabs{ - max-width: calc(100vw - 70px - 80px) !important; - min-width: calc(100vw - 70px - 80px) !important; - z-index: 2 !important; /*putting tabs-bar over buttonbox*/ +.titlebar-close{ + margin-right: calc(100vw - 60px) !important; }