diff options
Diffstat (limited to 'browser/themes/shared/customizableui/panelUI-shared.css')
| -rw-r--r-- | browser/themes/shared/customizableui/panelUI-shared.css | 169 |
1 files changed, 37 insertions, 132 deletions
diff --git a/browser/themes/shared/customizableui/panelUI-shared.css b/browser/themes/shared/customizableui/panelUI-shared.css index 07994d3233..2236613cf1 100644 --- a/browser/themes/shared/customizableui/panelUI-shared.css +++ b/browser/themes/shared/customizableui/panelUI-shared.css @@ -172,7 +172,6 @@ menupopup { panelview { flex-direction: column; - background: var(--arrowpanel-background); padding: 0; /* Prevent a scrollbar from appearing while the animation for transitioning from @@ -696,6 +695,10 @@ toolbarbutton[constrain-size="true"][cui-areatype="panel"] > .toolbarbutton-badg margin: 0; } +#PanelUI-fxa-cta-menu .fxa-cta-button { + margin: var(--space-xsmall); +} + .PanelUI-remotetabs-clientcontainer > label[itemtype="client"] { font-size: 11px; } @@ -1150,6 +1153,11 @@ panelview .toolbarbutton-1, stroke: var(--panel-item-hover-bgcolor); } +#appMenu-zoomReset-button2:not([disabled]):hover > .toolbarbutton-text, +#appMenu-fullscreen-button2:not([disabled]):hover > .toolbarbutton-icon { + background-color: var(--panel-item-hover-bgcolor); +} + #appMenu-zoomReset-button2:not([disabled]):active:hover > .toolbarbutton-text, #appMenu-fullscreen-button2:not([disabled]):active:hover > .toolbarbutton-icon { background-color: var(--panel-item-active-bgcolor); @@ -1300,7 +1308,7 @@ panelview .toolbarbutton-1 { } } -.PanelUI-remotetabs-clientcontainer > toolbarbutton[itemtype="tab"], +.PanelUI-tabitem-container > toolbarbutton[itemtype="tab"], #PanelUI-historyItems > toolbarbutton { list-style-image: url("chrome://global/skin/icons/defaultFavicon.svg"); -moz-context-properties: fill; @@ -1310,7 +1318,7 @@ panelview .toolbarbutton-1 { #fxa-menu-account-fxa-avatar, #appMenu-fxa-label > .toolbarbutton-icon, #PanelUI-containersItems > .subviewbutton > .toolbarbutton-icon, -.PanelUI-remotetabs-clientcontainer > toolbarbutton[itemtype="tab"] > .toolbarbutton-icon, +.PanelUI-tabitem-container > toolbarbutton[itemtype="tab"] > .toolbarbutton-icon, #PanelUI-recentlyClosedWindows > toolbarbutton > .toolbarbutton-icon, #PanelUI-recentlyClosedTabs > toolbarbutton > .toolbarbutton-icon, #PanelUI-historyItems > toolbarbutton > .toolbarbutton-icon { @@ -1322,6 +1330,15 @@ panelview .toolbarbutton-1 { min-width: 0; } +.PanelUI-tabitem-container > toolbarbutton[itemtype="tab"] { + flex: 1; + min-width: 0; +} + +.remotetabs-close { + width: 18px; + margin-inline-end: 4px; +} #PanelUI-fxa-menu-account-settings-button > .toolbarbutton-icon { border-radius: 50%; } @@ -1649,11 +1666,7 @@ radiogroup:focus-visible > .subviewradio[focused="true"] { } } -/* What's New panel */ -#customizationui-widget-multiview #PanelUI-whatsNew { - max-width: var(--menu-panel-width); -} - +/* Protections panel info message */ #protections-popup { #info-message-container { height: 260px; @@ -1695,7 +1708,16 @@ radiogroup:focus-visible > .subviewradio[focused="true"] { margin: 12px 0; } - .whatsNew-message-body { + .protections-popup-message-title { + display: grid; + font-size: 1.3em; + font-weight: 600; + line-height: 1.4em; + margin: 14px 0 0; + grid-column-start: 1; + } + + .protections-popup-message-body { /* -10px to compensate for the margin on the container. We can't get rid of that because it helps position the background image. */ margin: 0 calc(-10px + var(--horizontal-padding)) var(--vertical-section-padding); @@ -1708,129 +1730,6 @@ radiogroup:focus-visible > .subviewradio[focused="true"] { } } -panelview { - &[mainview] #PanelUI-whatsNew-content { - height: 43em; - } - - /* Hide the What's New header when the panel is a subview */ - &:not([mainview]) #PanelUI-whatsNew-title { - display: none; - } -} - -#PanelUI-whatsNew { - .panelMenu-toggleWhatsNew-checkbox { - padding-inline-start: 16px; - min-height: 41px; - } - - .whatsNew-message { - cursor: pointer; - margin: 0; - padding: 0; - } - - /* The following 2 rules show a 1 pixel line separator between What's New - * messages while at the same time ensuring that the first message (which has - * a date header) will not show the separator - */ - .whatsNew-message-body::before { - content: ""; - display: block; - height: 1px; - width: 104%; - margin-inline-start: -2%; - background: var(--panel-separator-color); - } - - .has-icon::before { - /* the width of the icon + the grid margin */ - width: calc(104% + 40px); - } - - .whatsNew-message-date + .whatsNew-message-body::before { - display: none; - } - - .whatsNew-message-date { - font-size: .85em; - margin: -12px; - margin-top: 0; - margin-inline-start: 0; - padding: 6px 16px; - background: var(--arrowpanel-dimmed); - } - - .whatsNew-message-body { - padding: 5px 0 10px; - margin: 10px 16px; - text-align: inherit; - text-decoration: none; - color: inherit; - background: none; - border: none; - cursor: pointer; - } - - .whatsNew-message-body.has-icon { - display: grid; - grid-template-columns: auto 32px; - grid-template-rows: 0; - grid-gap: 0 8px; - } - - .whatsNew-message-icon { - height: 32px; - width: 32px; - margin: 14px auto; - display: grid; - grid-column-start: 2; - } - - .whatsNew-message-subtitle { - margin: 2px 0; - font-size: .8em; - color: #949494; - font-weight: normal; - grid-column-start: 1; - } - - .whatsNew-message-content { - display: grid; - margin: 5px 0 10px; - grid-column-start: 1; - } - - .text-link { - background: none; - border: 0; - color: #45a1ff; - cursor: pointer; - font-size: .9em; - grid-column-start: 1; - - &:hover { - color: #0a84ff; - text-decoration: underline; - - &:active { - color: #0060df; - } - } - } -} - -#PanelUI-whatsNew .whatsNew-message-title, -#protections-popup-message .whatsNew-message-title { - display: grid; - font-size: 1.3em; - font-weight: 600; - line-height: 1.4em; - margin: 14px 0 0; - grid-column-start: 1; -} - #customizationui-widget-panel { /* In the next two rules the panel's width is set according to the * profiler backdrop image when not opened from the overflow panel. */ @@ -2180,3 +2079,9 @@ panelview { padding: var(--space-xxlarge) 0 var(--space-medium); gap: var(--space-small); } + +/* ----- Content Analysis indicator panel ----- */ + +#content-analysis-panel-container { + padding: 8px; +} |