diff --git a/browser/base/content/browser.css b/browser/base/content/browser.css index 6e776a9ce7c525e510b6466065daf755b21567a4..8668b27ec2126ed772a11aa77809b6f22ceab7e2 100644 --- a/browser/base/content/browser.css +++ b/browser/base/content/browser.css @@ -2,6 +2,8 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ +@import url("chrome://global/skin/zen-global-shared.css"); + @namespace html url("http://www.w3.org/1999/xhtml"); :root, @@ -157,8 +159,6 @@ panelview:not([visible]) { flex: 100 100; max-width: 225px; min-width: var(--tab-min-width); - transition: min-width 100ms ease-out, - max-width 100ms ease-out; } :root[uidensity=touch] .tabbrowser-tab:not([pinned]) { @@ -647,12 +647,12 @@ toolbar:not(#TabsToolbar) > #personal-bookmarks { margin-inline-start: 0; } -#urlbar-input-container[pageproxystate=invalid] > #page-action-buttons > .urlbar-page-action, +#urlbar-input-container[pageproxystate=invalid] > #page-action-buttons > .urlbar-page-action:not(#zen-split-views-box), #identity-box.chromeUI ~ #page-action-buttons > .urlbar-page-action:not(#star-button-box), #urlbar[usertyping] > #urlbar-input-container > #page-action-buttons > #urlbar-zoom-button, #urlbar:not([usertyping]) > #urlbar-input-container > #urlbar-go-button, #urlbar:not([focused]) > #urlbar-input-container > #urlbar-go-button { - display: none; + display: none !important; } #nav-bar:not([keyNav=true]) #identity-box, @@ -1237,13 +1237,13 @@ printpreview-pagination:focus-within, #sidebar-box { - min-width: 14em; + min-width: 323px; max-width: 36em; - width: 18em; + width: 393px; } /* WebExtension Sidebars */ -#sidebar-box[sidebarcommand$="-sidebar-action"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon { +#sidebar-box[sidebarcommand$="-sidebar-action"] #sidebar-header > #sidebar-switcher-target > #sidebar-icon { list-style-image: var(--webextension-menuitem-image, inherit); -moz-context-properties: fill; fill: currentColor; @@ -1444,3 +1444,42 @@ toolbar[keyNav=true]:not([collapsed=true], [customizing=true]) toolbartabstop { /** * End Dialogs */ + +/** + * + * ZEN OVERRIDES + */ + +.content-prompt-dialog > .dialogOverlay { + align-content: start; +} + +.dialogBox:not(.spotlightBox) { + border: 1px solid var(--zen-dialog-border-color); +} + +#window-modal-dialog:not([zen-dialog-welcome-element="true"]) .dialogBox:not(.spotlightBox) { + transform: translateY(-9px); +} + +#window-modal-dialog[zen-dialog-welcome-element="true"] .dialogBox:not(.spotlightBox) { + margin: 0 !important; +} + +#window-modal-dialog[zen-dialog-welcome-element="true"], +#window-modal-dialog[zen-dialog-welcome-element="true"] .dialogOverlay, +#window-modal-dialog[zen-dialog-welcome-element="true"] .dialogFrame, +#window-modal-dialog[zen-dialog-welcome-element="true"] .dialogBox { + width: 100% !important; + height: 100% !important; + max-height: none !important; + max-width: none !important; +} + +#window-modal-dialog[zen-dialog-welcome-element="true"] { + --zen-welcome-dialog-space: 7px; + margin: 0 auto !important; + max-width: calc(100% - calc(var(--zen-welcome-dialog-space) * 2)) !important; + max-height: calc(100% - calc(var(--zen-welcome-dialog-space) * 2)) !important; + margin-top: var(--zen-welcome-dialog-space) !important; +}