X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fcustomizableui%2FpanelUI.css;h=acc246886f21e1b96878a58e35325c57b0400a8b;hp=94fe0847ddcad32d8fa564503178d75236162ddc;hb=38bd4bf13f45e40e78b09a90ad580a40d50d7a61;hpb=987dae1b58dde80be3e64488d7da121274fa8592 diff --git a/LCARStrek/browser/customizableui/panelUI.css b/LCARStrek/browser/customizableui/panelUI.css index 94fe0847..acc24688 100644 --- a/LCARStrek/browser/customizableui/panelUI.css +++ b/LCARStrek/browser/customizableui/panelUI.css @@ -151,6 +151,11 @@ #PanelUI-menu-button[badge-status="fxa-needs-authentication"] > .toolbarbutton-badge-stack > .toolbarbutton-badge:-moz-window-inactive { } +#PanelUI-menu-button[badge-status="addon-alert"] > .toolbarbutton-badge-stack > .toolbarbutton-badge { + height: 13px; + background: #FF0000 url(chrome://browser/skin/update-badge-failed.svg) no-repeat center; +} + .panel-subviews { padding: 4px; background-clip: padding-box; @@ -565,11 +570,12 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { top: 25%; } -#PanelUI-update-status[update-status]::after { +#PanelUI-update-status[update-status]::after, +#PanelUI-footer-addons > toolbarbutton::after { content: ""; width: 14px; height: 14px; - margin-right: 16.5px; + margin-inline-end: 16.5px; border-radius: 2px; background-size: contain; display: -moz-box; @@ -585,6 +591,34 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { background-color: #FF0000; } +#PanelUI-footer-addons > toolbarbutton { + background-color: #A09090; + /* Force border to override `#PanelUI-footer-addons > toolbarbutton` selector below */ + /*border-top: 1px solid hsl(45, 100%, 77%) !important;*/ + display: flex; + flex: 1 1 0%; + width: calc(22.35em + 30px); + padding-inline-start: 15px; + border-inline-start-style: none; +} + +#PanelUI-footer-addons > toolbarbutton:hover { + background-color: #FFCF00; +} + +#PanelUI-footer-addons > toolbarbutton:active { + background-color: #FF9F00; +} + +#PanelUI-footer-addons > toolbarbutton > .toolbarbutton-icon { + width: 14px; + height: 14px; +} + +#PanelUI-footer-addons > toolbarbutton::after { + background: #FF0000 url(chrome://browser/skin/update-badge-failed.svg) no-repeat center; +} + #PanelUI-fxa-status { display: flex; flex: 1 1 0%; @@ -618,6 +652,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { #PanelUI-help, #PanelUI-fxa-label, #PanelUI-fxa-icon, +#PanelUI-footer-addons > toolbarbutton, #PanelUI-customize, #PanelUI-quit { margin: 0; @@ -655,6 +690,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { #PanelUI-update-status > .toolbarbutton-text, #PanelUI-fxa-label > .toolbarbutton-text, +#PanelUI-footer-addons > toolbarbutton > .toolbarbutton-text, #PanelUI-customize > .toolbarbutton-text { margin: 0; padding: 0 6px; @@ -682,6 +718,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { } #PanelUI-fxa-label, +#PanelUI-footer-addons > toolbarbutton, #PanelUI-customize { flex: 1; padding-inline-start: 15px; @@ -774,8 +811,8 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { } .fxaSyncIllustration { + width: 180px; height: var(--panel-ui-sync-illustration-height); - list-style-image: url(chrome://browser/skin/fxa/sync-illustration.svg); } .PanelUI-remotetabs-prefs-button > .toolbarbutton-text { @@ -823,12 +860,6 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { list-style-image: url("chrome://browser/skin/syncFxProgress-horizontalbar.png"); } -#PanelUI-footer-fxa[fxastatus="migrate-signup"] > #PanelUI-fxa-status > #PanelUI-fxa-label, -#PanelUI-footer-fxa[fxastatus="migrate-verify"] > #PanelUI-fxa-status > #PanelUI-fxa-label { - list-style-image: url(chrome://browser/skin/warning.svg); - -moz-image-region: auto; -} - #PanelUI-customize { list-style-image: url("chrome://browser/skin/menuPanel-customize.png"); } @@ -848,6 +879,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton { #PanelUI-fxa-label, #PanelUI-fxa-icon, +#PanelUI-footer-addons > toolbarbutton, #PanelUI-customize, #PanelUI-help, #PanelUI-quit { @@ -1161,7 +1193,8 @@ menuitem.panel-subview-footer:not([disabled]):-moz-any([open],:hover:active), #BMB_bookmarksPopup menupopup[placespopup=true][singleitempopup=true] > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox, / These popups never have a footer / #BMB_bookmarksToolbarPopup > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox, -#BMB_unsortedBookmarksPopup > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox { +#BMB_unsortedBookmarksPopup > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox, +#BMB_mobileBookmarksPopup > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox { / And so they need some bottom padding: / padding-bottom: 4px; } @@ -1206,19 +1239,19 @@ menuitem.panel-subview-footer:not([disabled]):-moz-any([open],:hover:active), color: #A09090; } -#PanelUI-remotetabs-tabslist > toolbarbutton, +#PanelUI-remotetabs-tabslist > toolbarbutton[itemtype="tab"], #PanelUI-historyItems > toolbarbutton { list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); } @media (min-resolution: 1.1dppx) { - #PanelUI-remotetabs-tabslist > toolbarbutton, + #PanelUI-remotetabs-tabslist > toolbarbutton[itemtype="tab"], #PanelUI-historyItems > toolbarbutton { list-style-image: url("chrome://mozapps/skin/places/defaultFavicon@2x.png"); } } -#PanelUI-remotetabs-tabslist > toolbarbutton > .toolbarbutton-icon, +#PanelUI-remotetabs-tabslist > toolbarbutton[itemtype="tab"] > .toolbarbutton-icon, #PanelUI-recentlyClosedWindows > toolbarbutton > .toolbarbutton-icon, #PanelUI-recentlyClosedTabs > toolbarbutton > .toolbarbutton-icon, #PanelUI-historyItems > toolbarbutton > .toolbarbutton-icon { @@ -1635,6 +1668,7 @@ menuitem[checked="true"].subviewbutton > .menu-iconic-left { /* emulating chrome://browser/content/places/menu.xml#places-popup-arrow but without the arrow */ /* box-shadow: 0 0 4px rgba(0,0,0,0.2); background: var(--arrowpanel-background); + color: var(--arrowpanel-color); border: 1px solid var(--arrowpanel-border-color); border-radius: 3.5px; margin-top: -4px;*/