diff --git a/browser/base/content/browser.css b/browser/base/content/browser.css index c9ebddb7f5c57d00c06bdf303a23085818c78259..f97c3e808d1c42cbce1a538ab7aeefa91ad27893 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]) { @@ -659,7 +659,7 @@ toolbar:not(#TabsToolbar) > #personal-bookmarks { #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, @@ -1244,13 +1244,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; @@ -1451,3 +1451,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; +}