From e50d939208f860275efa39da4bc07d5017ce155a Mon Sep 17 00:00:00 2001 From: TowelBin Date: Mon, 19 Aug 2019 01:10:59 +0000 Subject: [PATCH 1/5] Move icons to single folder --- chrome/global/global.css | 4 +- chrome/{popup => icons}/checkmark-18dp.svg | 0 chrome/{global => icons}/circle.svg | 0 chrome/{tabbar => icons}/close-tab.svg | 0 chrome/{navbar => icons}/connection-1x.svg | 0 chrome/{navbar => icons}/connection-2x.svg | 0 .../connection-warning-1x.svg | 0 .../connection-warning-2x.svg | 0 chrome/{navbar => icons}/go.svg | 0 chrome/icons/icons.css | 78 +-- .../identity-icons-brand.svg | 0 chrome/{navbar => icons}/info-1x.svg | 0 chrome/{navbar => icons}/info-2x.svg | 0 chrome/{popup => icons}/menu-right-1x.svg | 0 chrome/{popup => icons}/menu-right-2x.svg | 0 .../{navbar => icons}/naughty-shield-1x.svg | 0 .../{navbar => icons}/naughty-shield-2x.svg | 0 chrome/icons/navbar.css | 465 ++++++++++++++++++ chrome/{tabbar => icons}/spinner-busy.svg | 0 chrome/{tabbar => icons}/spinner-progress.svg | 0 chrome/navbar/navbar.css | 20 +- chrome/popup/popup.css | 12 +- chrome/tabbar/tabbar.css | 6 +- 23 files changed, 525 insertions(+), 60 deletions(-) rename chrome/{popup => icons}/checkmark-18dp.svg (100%) rename chrome/{global => icons}/circle.svg (100%) rename chrome/{tabbar => icons}/close-tab.svg (100%) rename chrome/{navbar => icons}/connection-1x.svg (100%) rename chrome/{navbar => icons}/connection-2x.svg (100%) rename chrome/{navbar => icons}/connection-warning-1x.svg (100%) rename chrome/{navbar => icons}/connection-warning-2x.svg (100%) rename chrome/{navbar => icons}/go.svg (100%) rename chrome/{navbar => icons}/identity-icons-brand.svg (100%) rename chrome/{navbar => icons}/info-1x.svg (100%) rename chrome/{navbar => icons}/info-2x.svg (100%) rename chrome/{popup => icons}/menu-right-1x.svg (100%) rename chrome/{popup => icons}/menu-right-2x.svg (100%) rename chrome/{navbar => icons}/naughty-shield-1x.svg (100%) rename chrome/{navbar => icons}/naughty-shield-2x.svg (100%) create mode 100644 chrome/icons/navbar.css rename chrome/{tabbar => icons}/spinner-busy.svg (100%) rename chrome/{tabbar => icons}/spinner-progress.svg (100%) diff --git a/chrome/global/global.css b/chrome/global/global.css index 240ed304..67064052 100755 --- a/chrome/global/global.css +++ b/chrome/global/global.css @@ -68,8 +68,8 @@ fill-opacity: 0 !important; background-image: - url(circle.svg), - url(circle.svg) !important; + url(../icons/circle.svg), + url(../icons/circle.svg) !important; background-size: 25% !important; background-repeat: no-repeat !important; background-position: center !important; diff --git a/chrome/popup/checkmark-18dp.svg b/chrome/icons/checkmark-18dp.svg similarity index 100% rename from chrome/popup/checkmark-18dp.svg rename to chrome/icons/checkmark-18dp.svg diff --git a/chrome/global/circle.svg b/chrome/icons/circle.svg similarity index 100% rename from chrome/global/circle.svg rename to chrome/icons/circle.svg diff --git a/chrome/tabbar/close-tab.svg b/chrome/icons/close-tab.svg similarity index 100% rename from chrome/tabbar/close-tab.svg rename to chrome/icons/close-tab.svg diff --git a/chrome/navbar/connection-1x.svg b/chrome/icons/connection-1x.svg similarity index 100% rename from chrome/navbar/connection-1x.svg rename to chrome/icons/connection-1x.svg diff --git a/chrome/navbar/connection-2x.svg b/chrome/icons/connection-2x.svg similarity index 100% rename from chrome/navbar/connection-2x.svg rename to chrome/icons/connection-2x.svg diff --git a/chrome/navbar/connection-warning-1x.svg b/chrome/icons/connection-warning-1x.svg similarity index 100% rename from chrome/navbar/connection-warning-1x.svg rename to chrome/icons/connection-warning-1x.svg diff --git a/chrome/navbar/connection-warning-2x.svg b/chrome/icons/connection-warning-2x.svg similarity index 100% rename from chrome/navbar/connection-warning-2x.svg rename to chrome/icons/connection-warning-2x.svg diff --git a/chrome/navbar/go.svg b/chrome/icons/go.svg similarity index 100% rename from chrome/navbar/go.svg rename to chrome/icons/go.svg diff --git a/chrome/icons/icons.css b/chrome/icons/icons.css index 3e2e5ac7..e5926781 100755 --- a/chrome/icons/icons.css +++ b/chrome/icons/icons.css @@ -4,28 +4,28 @@ .subviewbutton-back, .identity-popup-expander { - list-style-image: url(arrow-back-1x.svg) !important; + list-style-image: url(../icons/arrow-back-1x.svg) !important; } #PanelUI-menu-button { - list-style-image: url(menu.svg) !important; + list-style-image: url(../icons/menu.svg) !important; } #PanelUI-menu-button[badge-status|="update"] { - list-style-image: url(menu-update.svg) !important; + list-style-image: url(../icons/menu-update.svg) !important; } #reload-button, #context-reload { - list-style-image: url(refresh-1x.svg) !important; + list-style-image: url(../icons/refresh-1x.svg) !important; } #stop-button { - list-style-image: url(stop-1x.svg) !important; + list-style-image: url(../icons/stop-1x.svg) !important; } .toolbarbutton-1#forward-button, @@ -36,7 +36,7 @@ #home-button { - list-style-image: url(home-1x.svg) !important; + list-style-image: url(../icons/home-1x.svg) !important; } #star-button, @@ -44,7 +44,7 @@ #pageAction-panel-bookmark, #panelMenuBookmarkThisPage { - list-style-image: url(star-1x.svg) !important; + list-style-image: url(../icons/star-1x.svg) !important; fill-opacity: 0 !important; } @@ -64,13 +64,13 @@ #appMenu-library-bookmarks-button, #panelMenu_toggleBookmarksMenu { - list-style-image: url(bookmark.svg) !important; + list-style-image: url(../icons/bookmark.svg) !important; } #library-button, #appMenu-library-button { - list-style-image: url(library-1x.svg) !important; + list-style-image: url(../icons/library-1x.svg) !important; } #preferences-button, @@ -78,60 +78,60 @@ .identity-popup-preferences-button, #urlbar-anon-search-settings-compact .button-icon { - list-style-image: url(settings.svg) !important; + list-style-image: url(../icons/settings.svg) !important; } #history-panelmenu, #appMenu-library-history-button { - list-style-image: url(history.svg) !important; + list-style-image: url(../icons/history.svg) !important; } #appMenu-logins-button { - list-style-image: url(key.svg) !important; + list-style-image: url(../icons/key.svg) !important; } .subviewbutton[type="highlight-history"]::after { - content: url(history.svg) !important; + content: url(../icons/history.svg) !important; } #panic-button { - list-style-image: url(forget.svg) !important; + list-style-image: url(../icons/forget.svg) !important; } #developer-button { - list-style-image: url(developer.svg) !important; + list-style-image: url(../icons/developer.svg) !important; } #add-ons-button, #appMenu-addons-button { - list-style-image: url(addons.svg) !important; + list-style-image: url(../icons/addons.svg) !important; } #email-link-button, #pageAction-panel-emailLink { - list-style-image: url(email.svg) !important; + list-style-image: url(../icons/email.svg) !important; } #pageAction-panel-shareURL { - list-style-image: url(share.svg) !important; + list-style-image: url(../icons/share.svg) !important; } #pageAction-panel-copyURL { - list-style-image: url(hyperlink.svg) !important; + list-style-image: url(../icons/hyperlink.svg) !important; } #pageAction-panel-webcompat-reporter_mozilla_org { - list-style-image: url(bug.svg) !important; + list-style-image: url(../icons/bug.svg) !important; } #pageAction-panel-webcompat-reporter_mozilla_org > .toolbarbutton-icon @@ -141,7 +141,7 @@ #screenshots_mozilla_org-menuitem-_create-screenshot .menu-iconic-left { - background-image: url(screenshot.svg) !important; + background-image: url(../icons/screenshot.svg) !important; background-position: 4px center !important; background-repeat: no-repeat !important; } @@ -154,7 +154,7 @@ .tabs-newtab-button, #new-tab-button { - list-style-image: url(new-tab.svg) !important; + list-style-image: url(../icons/new-tab.svg) !important; } #fxa-avatar-image @@ -166,22 +166,22 @@ :root:not([fxastatus=signedin]) #fxa-avatar-image { - list-style-image: url(profile-inactive.svg) !important; + list-style-image: url(../icons/profile-inactive.svg) !important; } :root[fxastatus=signedin]:not([style*="--avatar-image-url"]) #fxa-avatar-image { - list-style-image: url(profile.svg) !important; + list-style-image: url(../icons/profile.svg) !important; } :root[privatebrowsingmode] #fxa-avatar-image { - list-style-image: url(incognito.svg) !important; + list-style-image: url(../icons/incognito.svg) !important; } #pageActionButton { - list-style-image: url(menu.svg) !important; + list-style-image: url(../icons/menu.svg) !important; } #urlbar[pageproxystate="invalid"] #identity-icon, @@ -190,22 +190,22 @@ #appMenu-find-button, #panelMenu_searchBookmarks { - list-style-image: url(search.svg) !important; + list-style-image: url(../icons/search.svg) !important; } #appMenu-cut-button { - list-style-image: url(cut.svg) !important; + list-style-image: url(../icons/cut.svg) !important; } #appMenu-copy-button { - list-style-image: url(copy.svg) !important; + list-style-image: url(../icons/copy.svg) !important; } #appMenu-paste-button { - list-style-image: url(paste.svg) !important; + list-style-image: url(../icons/paste.svg) !important; } #appMenu-fxa-label, @@ -213,12 +213,12 @@ #appMenu-fxa-icon, #PanelUI-remotetabs-syncnow { - list-style-image: url(sync.svg) !important; + list-style-image: url(../icons/sync.svg) !important; } .tab-icon-image:not([src]) { - list-style-image: url(globe.svg) !important; + list-style-image: url(../icons/globe.svg) !important; } .tab-icon-image[src="chrome://browser/skin/settings.svg"] @@ -237,7 +237,7 @@ .downloadIconShow .button-icon { - list-style-image: url(folder.svg) !important; + list-style-image: url(../icons/folder.svg) !important; } .panel-banner-item[notificationid^="update"] @@ -256,7 +256,7 @@ .subviewbutton-back, .identity-popup-expander { - list-style-image: url(arrow-back-2x.svg) !important; + list-style-image: url(../icons/arrow-back-2x.svg) !important; } #PanelUI-menu-button:not([badge-status|="update"]) .toolbarbutton-icon @@ -266,18 +266,18 @@ #stop-button { - list-style-image: url(stop-2x.svg) !important; + list-style-image: url(../icons/stop-2x.svg) !important; } #reload-button, #context-reload { - list-style-image: url(refresh-2x.svg) !important; + list-style-image: url(../icons/refresh-2x.svg) !important; } #home-button { - list-style-image: url(home-2x.svg) !important; + list-style-image: url(../icons/home-2x.svg) !important; } #star-button, @@ -285,7 +285,7 @@ #pageAction-panel-bookmark, #panelMenuBookmarkThisPage { - list-style-image: url(star-2x.svg) !important; + list-style-image: url(../icons/star-2x.svg) !important; } #bookmarks-menu-button .toolbarbutton-icon @@ -295,6 +295,6 @@ #library-button { - list-style-image: url(library-2x.svg) !important; + list-style-image: url(../icons/library-2x.svg) !important; } } \ No newline at end of file diff --git a/chrome/navbar/identity-icons-brand.svg b/chrome/icons/identity-icons-brand.svg similarity index 100% rename from chrome/navbar/identity-icons-brand.svg rename to chrome/icons/identity-icons-brand.svg diff --git a/chrome/navbar/info-1x.svg b/chrome/icons/info-1x.svg similarity index 100% rename from chrome/navbar/info-1x.svg rename to chrome/icons/info-1x.svg diff --git a/chrome/navbar/info-2x.svg b/chrome/icons/info-2x.svg similarity index 100% rename from chrome/navbar/info-2x.svg rename to chrome/icons/info-2x.svg diff --git a/chrome/popup/menu-right-1x.svg b/chrome/icons/menu-right-1x.svg similarity index 100% rename from chrome/popup/menu-right-1x.svg rename to chrome/icons/menu-right-1x.svg diff --git a/chrome/popup/menu-right-2x.svg b/chrome/icons/menu-right-2x.svg similarity index 100% rename from chrome/popup/menu-right-2x.svg rename to chrome/icons/menu-right-2x.svg diff --git a/chrome/navbar/naughty-shield-1x.svg b/chrome/icons/naughty-shield-1x.svg similarity index 100% rename from chrome/navbar/naughty-shield-1x.svg rename to chrome/icons/naughty-shield-1x.svg diff --git a/chrome/navbar/naughty-shield-2x.svg b/chrome/icons/naughty-shield-2x.svg similarity index 100% rename from chrome/navbar/naughty-shield-2x.svg rename to chrome/icons/naughty-shield-2x.svg diff --git a/chrome/icons/navbar.css b/chrome/icons/navbar.css new file mode 100644 index 00000000..ffb4b29d --- /dev/null +++ b/chrome/icons/navbar.css @@ -0,0 +1,465 @@ +#nav-bar +{ + min-height: 36px !important; + box-shadow: none !important; + padding-left: 6px !important; + padding-right: 6px !important; +} + +#reload-button[disabled]:not(:-moz-window-inactive) > .toolbarbutton-icon +{ + opacity: 1 !important; +} + +/* Windows */ +#PanelUI-button +{ + border: none !important; + margin: 0 !important; +} + +#PanelUI-menu-button[badge-status|="update"] .toolbarbutton-badge +{ + display: none !important; +} + +:root[privatebrowsingmode] #fxa-toolbar-menu-button +{ + pointer-events: none !important; +} + +/* show "Private" label for en languages only */ +:root[titlemodifier="(Private Browsing)"] #fxa-toolbar-menu-button::before +{ + content: "Private" !important; + display: -moz-box !important; + margin-inline-start: 12px !important; + margin-inline-end: 6px !important; +} + +#nav-bar-customization-target +{ + overflow: visible !important; +} + +#urlbar-container, +#searchbar-container +{ + overflow: visible !important; + padding: 0 5px !important; +} + +.searchbar-textbox +{ + color: inherit !important; + font-size: inherit !important; + min-height: auto !important; +} + +#urlbar, +#searchbar +{ + font-size: 14px !important; + border-radius: 99px !important; + background-color: var(--toolbar-field-background-color) !important; + border: 0 !important; + box-shadow: none !important; + margin: 1px !important; + padding: 2px !important; + background-clip: padding-box !important; + min-height: 28px !important; + transition: background-color .1s var(--ease-basic) !important; + -moz-box-align: center !important; +} + +#urlbar:not(:-moz-lwtheme), +#searchbar:not(:-moz-lwtheme) +{ + color: inherit !important; +} + +#urlbar:hover, +#searchbar:hover +{ + background-color: var(--toolbar-field-hover-background-color) !important; +} + +#urlbar[focused], +#urlbar[open], +#searchbar[focused], +#searchbar[open] +{ + background-color: var(--toolbar-field-focus-background-color) !important; +} + +#urlbar[focused], +#searchbar[focused] +{ + border: 2px solid var(--toolbar-field-focus-border-color) !important; + padding: 1px !important; + margin: 0 !important; +} + +#urlbar[open], +#searchbar[open] +{ + border: 0 !important; + padding: 0 8px 0 !important; + border-radius: 8px 8px 0 0 !important; + min-height: 37px !important; + margin: 0 -5px -1px !important; + box-shadow: 0 3px 10px rgba(0, 0, 0, .2) !important; + position: relative !important; + z-index: 99999 !important; +} + +/* mac-specific tweaks */ +@media (-moz-mac-yosemite-theme) +{ + #urlbar[open], + #searchbar[open] + { + box-shadow: + 0 3px 10px rgba(0, 0, 0, .2), + 0 0 1px rgba(0, 0, 0, .25) !important; + } +} + +#identity-box +{ + padding: 0 8px !important; + margin: 0 !important; + border: 0 !important; + position: relative !important; + background: 0 !important; +} + +#urlbar[pageproxystate=valid] > #identity-box:not(.no-hover) > #identity-icon +{ + fill-opacity: 1 !important; +} + +#identity-icon-labels +{ + padding-inline-start: 10px !important; + color: inherit !important; +} + +#urlbar[open] #identity-icon-labels +{ + display: none !important; +} + +#urlbar[open] #identity-box +{ + pointer-events: none !important; + margin-inline-end: 8px !important; +} + +#urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden), +#urlbar-display-box +{ + overflow: visible !important; + margin-inline-end: 8px !important; +} + +/* separator */ +#urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden)::after, +#urlbar-display-box::after +{ + content: "" !important; + display: -moz-box !important; + background: #9d9e9f !important; + height: 16px !important; + width: 1px !important; + transform: translateX(8px) !important; + transition: opacity .2s var(--ease-basic) !important; +} + +#urlbar[pageproxystate=valid] #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden):hover:not(.no-hover)::after, +#urlbar[pageproxystate=valid] #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden)[open]::after +{ + opacity: 0 !important; +} + +#identity-box.extensionPage > #identity-icon +{ + list-style-image: none !important; + margin-inline-end: -16px !important; +} + +/* no longer used as a connection icon */ +#connection-icon +{ + display: none !important; +} + +#identity-box:-moz-any( +.mixedActiveBlocked, +.mixedDisplayContentLoadedActiveBlocked, +.mixedActiveContent) > #connection-icon +{ + display: -moz-box !important; +} + +#identity-box:-moz-any(.certUserOverridden, .insecureLoginForms) +{ + color: #c94031 !important; +} + +.certUserOverridden #identity-icon-labels +{ + visibility: visible !important; + display: -moz-box !important; +} + +.certUserOverridden #identity-icon-labels::after +{ + content: "Not Secure" !important; + display: -moz-box !important; +} + +.urlbar-input +{ + padding: 0 !important; +} + +.searchbar-textbox +{ + border: 0 !important; + background: 0 !important; + box-shadow: none !important; + margin: 0 !important; +} + +#page-action-buttons > #pageActionSeparator, +.urlbar-history-dropmarker +{ + display: none !important; +} + +#pageActionSeparator +{ + height: 24px !important; +} + +.urlbar-icon-wrapper +{ + background: 0 !important; +} + +.urlbar-icon, +#identity-box +{ + min-width: 32px !important; + height: 24px !important; + padding: 0 8px !important; + border-radius: 99px !important; + fill-opacity: 1 !important; + transition: background-color .2s var(--ease-basic); + background-color: transparent !important; +} + +.urlbar-icon +{ + padding: 4px 8px !important; +} + +#urlbar[open] #page-action-buttons +{ + display: none !important; +} + +.urlbar-icon:hover:not([disabled]), +#identity-box:hover:not(.no-hover) +{ + background-color: var(--toolbarbutton-hover-background) !important; +} + +.urlbar-icon:hover:active:not([disabled]), +.urlbar-icon[open], +#identity-box:hover:active:not(.no-hover), +#identity-box[open]:not(.no-hover) +{ + background-color: var(--toolbarbutton-active-background) !important; + transition-duration: 0 !important; +} + +#star-button-box +{ + -moz-box-ordinal-group: 98 !important; +} + +#pageActionButton +{ + -moz-box-ordinal-group: 99 !important; +} + +.urlbar-page-action:-moz-any( + #reader-mode-button, + #pageActionButton, + #pocket-button-box, + #pageAction-urlbar-screenshots_mozilla_org, + #pageAction-urlbar-sendToDevice, + #pageAction-urlbar-emailLink, + #pageAction-urlbar-copyURL, + #pageAction-urlbar-shareURL, + #pageAction-urlbar-addSearchEngine +) +{ + transition: + background-color .2s var(--ease-basic), + margin .15s var(--ease-in), + opacity .15s var(--ease-basic), + visibility 0s .2s !important; + opacity: 0 !important; + visibility: hidden !important; + margin-inline-start: -32px !important; +} + +#urlbar:hover .urlbar-page-action:-moz-any( + #reader-mode-button, + #pageActionButton, + #pocket-button-box, + #pageAction-urlbar-screenshots_mozilla_org, + #pageAction-urlbar-sendToDevice, + #pageAction-urlbar-emailLink, + #pageAction-urlbar-copyURL, + #pageAction-urlbar-shareURL, + #pageAction-urlbar-addSearchEngine +), +.urlbar-page-action:-moz-any( + #reader-mode-button, + #pageActionButton, + #pocket-button-box, + #pageAction-urlbar-screenshots_mozilla_org, + #pageAction-urlbar-sendToDevice, + #pageAction-urlbar-emailLink, + #pageAction-urlbar-copyURL, + #pageAction-urlbar-shareURL, + #pageAction-urlbar-addSearchEngine +):-moz-any(:hover, [open], [readeractive]) +{ + transition: + background-color .2s var(--ease-basic), + margin .3s var(--ease-out), + opacity .3s var(--ease-basic) !important; + opacity: 1 !important; + visibility: visible !important; + margin-inline-start: 0 !important; +} + +#pocket-button-box[animate] > #pocket-animatable-box +{ + margin-inline-start: 6px !important; +} + +#star-button-animatable-box +{ + display: none !important; +} + +#urlbar[open] .urlbar-go-button, +#searchbar[open] .search-go-button +{ + height: 32px !important; +} + +.private-browsing-indicator +{ + display: none !important; +} + +#PanelUI-button +{ + -moz-box-ordinal-group: 2 !important; +} + +/* urlbar and searchbar autocomplete popup */ +#PopupAutoCompleteRichResult +{ + background: 0 !important; + margin-top: -4px !important; + + border: 0 !important; + filter: drop-shadow(0 12px 6px rgba(0, 0, 0, .25)) !important; + overflow: visible !important; + padding-bottom: 28px !important; +} + +#PopupAutoCompleteRichResult .autocomplete-richlistbox, +#PopupAutoCompleteRichResult [anonid="footer"] +{ + background-color: var(--toolbar-field-focus-background-color) !important; + margin-inline-start: calc(var(--item-padding-start) + 20px - 0px) !important; + margin-inline-end: calc(var(--item-padding-end) - 10px) !important; +} + +#PopupAutoCompleteRichResult .autocomplete-richlistbox +{ + padding: 0 !important; + /* comment to keep footer */ + border-radius: 0 0 8px 8px !important; + overflow: hidden !important; +} + +#PopupAutoCompleteRichResult .autocomplete-richlistitem +{ + border: 0 !important; + border-radius: 0 !important; + padding: 0 !important; + height: 36px !important; +} + +/* mac-specific tweaks */ +@media (-moz-mac-yosemite-theme) +{ + #PopupAutoCompleteRichResult + { + filter: none !important; + padding-bottom: 0 !important; + margin-top: -3px !important; + } +} + +#PopupAutoCompleteRichResult .ac-type-icon +{ + display: none !important; +} + +#PopupAutoCompleteRichResult .ac-site-icon +{ + margin-inline-start: 16px !important; + margin-inline-end: 16px !important; +} + +/* footer is hidden by default */ +#PopupAutoCompleteRichResult [anonid="footer"] +{ + margin-top: -8px !important; + border-radius: 0 0 8px 8px !important; + /* comment to keep footer */ + display: none !important; +} + +.search-panel-header, +.search-panel-one-offs +{ + background: 0 !important; +} + +/* high DPI adjustments */ +@media (min--moz-device-pixel-ratio: 2) +{ + #identity-icon-labels + { + padding-inline-end: .5px !important; + } + + #identity-icon-labels, + .urlbar-input, + .searchbar-textbox + { + transform: translateY(-.5px) !important; + } +} \ No newline at end of file diff --git a/chrome/tabbar/spinner-busy.svg b/chrome/icons/spinner-busy.svg similarity index 100% rename from chrome/tabbar/spinner-busy.svg rename to chrome/icons/spinner-busy.svg diff --git a/chrome/tabbar/spinner-progress.svg b/chrome/icons/spinner-progress.svg similarity index 100% rename from chrome/tabbar/spinner-progress.svg rename to chrome/icons/spinner-progress.svg diff --git a/chrome/navbar/navbar.css b/chrome/navbar/navbar.css index dabe7596..3f4818f5 100644 --- a/chrome/navbar/navbar.css +++ b/chrome/navbar/navbar.css @@ -398,23 +398,23 @@ /* icons */ #urlbar[pageproxystate=valid] > #identity-icon { - list-style-image: url(info-1x.svg) !important; + list-style-image: url(../icons/info-1x.svg) !important; } #urlbar[pageproxystate=valid] > #identity-box:-moz-any(.verifiedDomain, .verifiedIdentity) > #identity-icon { - list-style-image: url(connection-1x.svg) !important; + list-style-image: url(../icons/connection-1x.svg) !important; } #urlbar[pageproxystate=valid] > #identity-box.chromeUI > #identity-icon { - list-style-image: url(identity-icons-brand.svg) !important; + list-style-image: url(../icons/identity-icons-brand.svg) !important; } /* no longer used as a connection icon */ #connection-icon { - list-style-image: url(naughty-shield-1x.svg) !important; + list-style-image: url(../icons/naughty-shield-1x.svg) !important; } #urlbar[pageproxystate=valid] > #identity-box:-moz-any( @@ -424,13 +424,13 @@ .insecureLoginForms ) > #identity-icon { - list-style-image: url(connection-warning-1x.svg) !important; + list-style-image: url(../icons/connection-warning-1x.svg) !important; } .urlbar-go-button, .search-go-button { - list-style-image: url(go.svg) !important; + list-style-image: url(../icons/go.svg) !important; } /* high DPI adjustments */ @@ -443,13 +443,13 @@ #urlbar[pageproxystate=valid] > #identity-box:-moz-any(.unknownIdentity, .notSecure) > #identity-icon { - list-style-image: url(info-2x.svg) !important; + list-style-image: url(../icons/info-2x.svg) !important; transform: translate(.5px, .5px) !important; } #urlbar[pageproxystate=valid] > #identity-box:-moz-any(.verifiedDomain, .verifiedIdentity) > #identity-icon { - list-style-image: url(connection-2x.svg) !important; + list-style-image: url(../icons/connection-2x.svg) !important; } #urlbar[pageproxystate=valid] > #identity-box:-moz-any( @@ -459,12 +459,12 @@ .insecureLoginForms ) > #identity-icon { - list-style-image: url(connection-warning-2x.svg) !important; + list-style-image: url(../icons/connection-warning-2x.svg) !important; } #connection-icon { - list-style-image: url(naughty-shield-2x.svg) !important; + list-style-image: url(../icons/naughty-shield-2x.svg) !important; } #identity-icon-labels, diff --git a/chrome/popup/popup.css b/chrome/popup/popup.css index 3c53f4e2..308fe046 100755 --- a/chrome/popup/popup.css +++ b/chrome/popup/popup.css @@ -131,7 +131,7 @@ menupopup .scrollbutton-down -moz-appearance: none !important; -moz-context-properties: fill !important; fill: currentColor !important; - list-style-image: url(menu-right-2x.svg) !important; + list-style-image: url(../icons/menu-right-2x.svg) !important; margin-inline-end: 0 !important; margin-inline-start: 16px !important; } @@ -147,7 +147,7 @@ menuitem[type="radio"] > .menu-iconic-left > .menu-iconic-icon menuitem[checked="true"] > .menu-iconic-left > .menu-iconic-icon { /* checkmark is 18px, not 16px, hence reduced padding */ - list-style-image: url(checkmark-18dp.svg) !important; + list-style-image: url(../icons/checkmark-18dp.svg) !important; } #context-navigation @@ -350,7 +350,7 @@ panelmultiview .toolbaritem-combined-buttons > spacer.after-label .PanelUI-subView .subviewbutton-nav::after { transform: none !important; - content: url(menu-right-1x.svg) !important; + content: url(../icons/menu-right-1x.svg) !important; fill-opacity: 1 !important; } @@ -519,7 +519,7 @@ panelmultiview .toolbaritem-combined-buttons > spacer.after-label .identity-popup-content-blocking-category::after { transform: translateY(1px) !important; - content: url(menu-right-1x.svg) !important; + content: url(../icons/menu-right-1x.svg) !important; margin: 0 !important; } @@ -776,7 +776,7 @@ panelmultiview .toolbaritem-combined-buttons > spacer.after-label .customization-lwtheme-menu-theme[active]::after, .customization-uidensity-menuitem[active]::after { - content: url(checkmark-18dp.svg) !important; + content: url(../icons/checkmark-18dp.svg) !important; -moz-context-properties: fill, fill-opacity !important; fill: currentColor !important; display: -moz-box !important; @@ -876,6 +876,6 @@ panelmultiview .toolbaritem-combined-buttons > spacer.after-label .PanelUI-subView .subviewbutton-nav::after, .identity-popup-content-blocking-category::after { - content: url(menu-right-2x.svg) !important; + content: url(../icons/menu-right-2x.svg) !important; } } \ No newline at end of file diff --git a/chrome/tabbar/tabbar.css b/chrome/tabbar/tabbar.css index ef0703cb..27c9bb92 100755 --- a/chrome/tabbar/tabbar.css +++ b/chrome/tabbar/tabbar.css @@ -308,7 +308,7 @@ .tab-close-button { - list-style-image: url(close-tab.svg) !important; + list-style-image: url(../icons/close-tab.svg) !important; width: 16px !important; height: 16px !important; margin: 0 !important; @@ -340,7 +340,7 @@ { -moz-context-properties: fill !important; fill: currentColor !important; - background-image: url(spinner-busy.svg) !important; + background-image: url(../icons/spinner-busy.svg) !important; margin: 0 !important; transform-origin: center !important; animation: rotate-360 1.333s linear infinite reverse !important; @@ -349,7 +349,7 @@ .tab-throbber[progress] { - background-image: url(spinner-progress.svg) !important; + background-image: url(../icons/spinner-progress.svg) !important; animation-direction: normal !important; } From 44d4fe682e9deb498db30e7b4550897e2852f955 Mon Sep 17 00:00:00 2001 From: Jason <43922012+TowelBin@users.noreply.github.com> Date: Sat, 24 Aug 2019 05:34:47 +0000 Subject: [PATCH 2/5] remove ../icons/ from icons.css --- chrome/icons/icons.css | 80 +++++++++++++++++++++--------------------- 1 file changed, 40 insertions(+), 40 deletions(-) diff --git a/chrome/icons/icons.css b/chrome/icons/icons.css index e5926781..d2aa31da 100755 --- a/chrome/icons/icons.css +++ b/chrome/icons/icons.css @@ -4,28 +4,28 @@ .subviewbutton-back, .identity-popup-expander { - list-style-image: url(../icons/arrow-back-1x.svg) !important; + list-style-image: url(arrow-back-1x.svg) !important; } #PanelUI-menu-button { - list-style-image: url(../icons/menu.svg) !important; + list-style-image: url(menu.svg) !important; } #PanelUI-menu-button[badge-status|="update"] { - list-style-image: url(../icons/menu-update.svg) !important; + list-style-image: url(menu-update.svg) !important; } #reload-button, #context-reload { - list-style-image: url(../icons/refresh-1x.svg) !important; + list-style-image: url(refresh-1x.svg) !important; } #stop-button { - list-style-image: url(../icons/stop-1x.svg) !important; + list-style-image: url(stop-1x.svg) !important; } .toolbarbutton-1#forward-button, @@ -36,7 +36,7 @@ #home-button { - list-style-image: url(../icons/home-1x.svg) !important; + list-style-image: url(home-1x.svg) !important; } #star-button, @@ -44,7 +44,7 @@ #pageAction-panel-bookmark, #panelMenuBookmarkThisPage { - list-style-image: url(../icons/star-1x.svg) !important; + list-style-image: url(star-1x.svg) !important; fill-opacity: 0 !important; } @@ -64,13 +64,13 @@ #appMenu-library-bookmarks-button, #panelMenu_toggleBookmarksMenu { - list-style-image: url(../icons/bookmark.svg) !important; + list-style-image: url(bookmark.svg) !important; } #library-button, #appMenu-library-button { - list-style-image: url(../icons/library-1x.svg) !important; + list-style-image: url(library-1x.svg) !important; } #preferences-button, @@ -78,60 +78,60 @@ .identity-popup-preferences-button, #urlbar-anon-search-settings-compact .button-icon { - list-style-image: url(../icons/settings.svg) !important; + list-style-image: url(settings.svg) !important; } #history-panelmenu, #appMenu-library-history-button { - list-style-image: url(../icons/history.svg) !important; + list-style-image: url(history.svg) !important; } #appMenu-logins-button { - list-style-image: url(../icons/key.svg) !important; + list-style-image: url(key.svg) !important; } .subviewbutton[type="highlight-history"]::after { - content: url(../icons/history.svg) !important; + content: url(history.svg) !important; } #panic-button { - list-style-image: url(../icons/forget.svg) !important; + list-style-image: url(forget.svg) !important; } #developer-button { - list-style-image: url(../icons/developer.svg) !important; + list-style-image: url(developer.svg) !important; } #add-ons-button, #appMenu-addons-button { - list-style-image: url(../icons/addons.svg) !important; + list-style-image: url(addons.svg) !important; } #email-link-button, #pageAction-panel-emailLink { - list-style-image: url(../icons/email.svg) !important; + list-style-image: url(email.svg) !important; } #pageAction-panel-shareURL { - list-style-image: url(../icons/share.svg) !important; + list-style-image: url(share.svg) !important; } #pageAction-panel-copyURL { - list-style-image: url(../icons/hyperlink.svg) !important; + list-style-image: url(hyperlink.svg) !important; } #pageAction-panel-webcompat-reporter_mozilla_org { - list-style-image: url(../icons/bug.svg) !important; + list-style-image: url(bug.svg) !important; } #pageAction-panel-webcompat-reporter_mozilla_org > .toolbarbutton-icon @@ -141,7 +141,7 @@ #screenshots_mozilla_org-menuitem-_create-screenshot .menu-iconic-left { - background-image: url(../icons/screenshot.svg) !important; + background-image: url(screenshot.svg) !important; background-position: 4px center !important; background-repeat: no-repeat !important; } @@ -154,7 +154,7 @@ .tabs-newtab-button, #new-tab-button { - list-style-image: url(../icons/new-tab.svg) !important; + list-style-image: url(new-tab.svg) !important; } #fxa-avatar-image @@ -166,22 +166,22 @@ :root:not([fxastatus=signedin]) #fxa-avatar-image { - list-style-image: url(../icons/profile-inactive.svg) !important; + list-style-image: url(profile-inactive.svg) !important; } :root[fxastatus=signedin]:not([style*="--avatar-image-url"]) #fxa-avatar-image { - list-style-image: url(../icons/profile.svg) !important; + list-style-image: url(profile.svg) !important; } :root[privatebrowsingmode] #fxa-avatar-image { - list-style-image: url(../icons/incognito.svg) !important; + list-style-image: url(incognito.svg) !important; } #pageActionButton { - list-style-image: url(../icons/menu.svg) !important; + list-style-image: url(menu.svg) !important; } #urlbar[pageproxystate="invalid"] #identity-icon, @@ -190,22 +190,22 @@ #appMenu-find-button, #panelMenu_searchBookmarks { - list-style-image: url(../icons/search.svg) !important; + list-style-image: url(search.svg) !important; } #appMenu-cut-button { - list-style-image: url(../icons/cut.svg) !important; + list-style-image: urlcut.svg) !important; } #appMenu-copy-button { - list-style-image: url(../icons/copy.svg) !important; + list-style-image: url(copy.svg) !important; } #appMenu-paste-button { - list-style-image: url(../icons/paste.svg) !important; + list-style-image: url(paste.svg) !important; } #appMenu-fxa-label, @@ -213,12 +213,12 @@ #appMenu-fxa-icon, #PanelUI-remotetabs-syncnow { - list-style-image: url(../icons/sync.svg) !important; + list-style-image: url(sync.svg) !important; } .tab-icon-image:not([src]) { - list-style-image: url(../icons/globe.svg) !important; + list-style-image: url(globe.svg) !important; } .tab-icon-image[src="chrome://browser/skin/settings.svg"] @@ -237,7 +237,7 @@ .downloadIconShow .button-icon { - list-style-image: url(../icons/folder.svg) !important; + list-style-image: url(folder.svg) !important; } .panel-banner-item[notificationid^="update"] @@ -256,7 +256,7 @@ .subviewbutton-back, .identity-popup-expander { - list-style-image: url(../icons/arrow-back-2x.svg) !important; + list-style-image: url(arrow-back-2x.svg) !important; } #PanelUI-menu-button:not([badge-status|="update"]) .toolbarbutton-icon @@ -266,18 +266,18 @@ #stop-button { - list-style-image: url(../icons/stop-2x.svg) !important; + list-style-image: url(stop-2x.svg) !important; } #reload-button, #context-reload { - list-style-image: url(../icons/refresh-2x.svg) !important; + list-style-image: url(refresh-2x.svg) !important; } #home-button { - list-style-image: url(../icons/home-2x.svg) !important; + list-style-image: url(home-2x.svg) !important; } #star-button, @@ -285,7 +285,7 @@ #pageAction-panel-bookmark, #panelMenuBookmarkThisPage { - list-style-image: url(../icons/star-2x.svg) !important; + list-style-image: url(star-2x.svg) !important; } #bookmarks-menu-button .toolbarbutton-icon @@ -295,6 +295,6 @@ #library-button { - list-style-image: url(../icons/library-2x.svg) !important; + list-style-image: url(library-2x.svg) !important; } -} \ No newline at end of file +} From c53e3fff3a296f0023cbea023c1fc0844833353e Mon Sep 17 00:00:00 2001 From: Jason <43922012+TowelBin@users.noreply.github.com> Date: Sat, 24 Aug 2019 05:36:30 +0000 Subject: [PATCH 3/5] fix url in icons.css --- chrome/icons/icons.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/icons/icons.css b/chrome/icons/icons.css index d2aa31da..cc667131 100755 --- a/chrome/icons/icons.css +++ b/chrome/icons/icons.css @@ -195,7 +195,7 @@ #appMenu-cut-button { - list-style-image: urlcut.svg) !important; + list-style-image: url(cut.svg) !important; } #appMenu-copy-button From 42bde35b119f06379cec902018853249da9daf9c Mon Sep 17 00:00:00 2001 From: Jason <43922012+TowelBin@users.noreply.github.com> Date: Sat, 24 Aug 2019 05:37:21 +0000 Subject: [PATCH 4/5] remove extra new line in icons.css From 95e737a1c7fc9eff440357a822890a88a37f8be2 Mon Sep 17 00:00:00 2001 From: Jason <43922012+TowelBin@users.noreply.github.com> Date: Sat, 24 Aug 2019 05:38:31 +0000 Subject: [PATCH 5/5] Remove extra navbar.css --- chrome/icons/navbar.css | 465 ---------------------------------------- 1 file changed, 465 deletions(-) delete mode 100644 chrome/icons/navbar.css diff --git a/chrome/icons/navbar.css b/chrome/icons/navbar.css deleted file mode 100644 index ffb4b29d..00000000 --- a/chrome/icons/navbar.css +++ /dev/null @@ -1,465 +0,0 @@ -#nav-bar -{ - min-height: 36px !important; - box-shadow: none !important; - padding-left: 6px !important; - padding-right: 6px !important; -} - -#reload-button[disabled]:not(:-moz-window-inactive) > .toolbarbutton-icon -{ - opacity: 1 !important; -} - -/* Windows */ -#PanelUI-button -{ - border: none !important; - margin: 0 !important; -} - -#PanelUI-menu-button[badge-status|="update"] .toolbarbutton-badge -{ - display: none !important; -} - -:root[privatebrowsingmode] #fxa-toolbar-menu-button -{ - pointer-events: none !important; -} - -/* show "Private" label for en languages only */ -:root[titlemodifier="(Private Browsing)"] #fxa-toolbar-menu-button::before -{ - content: "Private" !important; - display: -moz-box !important; - margin-inline-start: 12px !important; - margin-inline-end: 6px !important; -} - -#nav-bar-customization-target -{ - overflow: visible !important; -} - -#urlbar-container, -#searchbar-container -{ - overflow: visible !important; - padding: 0 5px !important; -} - -.searchbar-textbox -{ - color: inherit !important; - font-size: inherit !important; - min-height: auto !important; -} - -#urlbar, -#searchbar -{ - font-size: 14px !important; - border-radius: 99px !important; - background-color: var(--toolbar-field-background-color) !important; - border: 0 !important; - box-shadow: none !important; - margin: 1px !important; - padding: 2px !important; - background-clip: padding-box !important; - min-height: 28px !important; - transition: background-color .1s var(--ease-basic) !important; - -moz-box-align: center !important; -} - -#urlbar:not(:-moz-lwtheme), -#searchbar:not(:-moz-lwtheme) -{ - color: inherit !important; -} - -#urlbar:hover, -#searchbar:hover -{ - background-color: var(--toolbar-field-hover-background-color) !important; -} - -#urlbar[focused], -#urlbar[open], -#searchbar[focused], -#searchbar[open] -{ - background-color: var(--toolbar-field-focus-background-color) !important; -} - -#urlbar[focused], -#searchbar[focused] -{ - border: 2px solid var(--toolbar-field-focus-border-color) !important; - padding: 1px !important; - margin: 0 !important; -} - -#urlbar[open], -#searchbar[open] -{ - border: 0 !important; - padding: 0 8px 0 !important; - border-radius: 8px 8px 0 0 !important; - min-height: 37px !important; - margin: 0 -5px -1px !important; - box-shadow: 0 3px 10px rgba(0, 0, 0, .2) !important; - position: relative !important; - z-index: 99999 !important; -} - -/* mac-specific tweaks */ -@media (-moz-mac-yosemite-theme) -{ - #urlbar[open], - #searchbar[open] - { - box-shadow: - 0 3px 10px rgba(0, 0, 0, .2), - 0 0 1px rgba(0, 0, 0, .25) !important; - } -} - -#identity-box -{ - padding: 0 8px !important; - margin: 0 !important; - border: 0 !important; - position: relative !important; - background: 0 !important; -} - -#urlbar[pageproxystate=valid] > #identity-box:not(.no-hover) > #identity-icon -{ - fill-opacity: 1 !important; -} - -#identity-icon-labels -{ - padding-inline-start: 10px !important; - color: inherit !important; -} - -#urlbar[open] #identity-icon-labels -{ - display: none !important; -} - -#urlbar[open] #identity-box -{ - pointer-events: none !important; - margin-inline-end: 8px !important; -} - -#urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden), -#urlbar-display-box -{ - overflow: visible !important; - margin-inline-end: 8px !important; -} - -/* separator */ -#urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden)::after, -#urlbar-display-box::after -{ - content: "" !important; - display: -moz-box !important; - background: #9d9e9f !important; - height: 16px !important; - width: 1px !important; - transform: translateX(8px) !important; - transition: opacity .2s var(--ease-basic) !important; -} - -#urlbar[pageproxystate=valid] #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden):hover:not(.no-hover)::after, -#urlbar[pageproxystate=valid] #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden)[open]::after -{ - opacity: 0 !important; -} - -#identity-box.extensionPage > #identity-icon -{ - list-style-image: none !important; - margin-inline-end: -16px !important; -} - -/* no longer used as a connection icon */ -#connection-icon -{ - display: none !important; -} - -#identity-box:-moz-any( -.mixedActiveBlocked, -.mixedDisplayContentLoadedActiveBlocked, -.mixedActiveContent) > #connection-icon -{ - display: -moz-box !important; -} - -#identity-box:-moz-any(.certUserOverridden, .insecureLoginForms) -{ - color: #c94031 !important; -} - -.certUserOverridden #identity-icon-labels -{ - visibility: visible !important; - display: -moz-box !important; -} - -.certUserOverridden #identity-icon-labels::after -{ - content: "Not Secure" !important; - display: -moz-box !important; -} - -.urlbar-input -{ - padding: 0 !important; -} - -.searchbar-textbox -{ - border: 0 !important; - background: 0 !important; - box-shadow: none !important; - margin: 0 !important; -} - -#page-action-buttons > #pageActionSeparator, -.urlbar-history-dropmarker -{ - display: none !important; -} - -#pageActionSeparator -{ - height: 24px !important; -} - -.urlbar-icon-wrapper -{ - background: 0 !important; -} - -.urlbar-icon, -#identity-box -{ - min-width: 32px !important; - height: 24px !important; - padding: 0 8px !important; - border-radius: 99px !important; - fill-opacity: 1 !important; - transition: background-color .2s var(--ease-basic); - background-color: transparent !important; -} - -.urlbar-icon -{ - padding: 4px 8px !important; -} - -#urlbar[open] #page-action-buttons -{ - display: none !important; -} - -.urlbar-icon:hover:not([disabled]), -#identity-box:hover:not(.no-hover) -{ - background-color: var(--toolbarbutton-hover-background) !important; -} - -.urlbar-icon:hover:active:not([disabled]), -.urlbar-icon[open], -#identity-box:hover:active:not(.no-hover), -#identity-box[open]:not(.no-hover) -{ - background-color: var(--toolbarbutton-active-background) !important; - transition-duration: 0 !important; -} - -#star-button-box -{ - -moz-box-ordinal-group: 98 !important; -} - -#pageActionButton -{ - -moz-box-ordinal-group: 99 !important; -} - -.urlbar-page-action:-moz-any( - #reader-mode-button, - #pageActionButton, - #pocket-button-box, - #pageAction-urlbar-screenshots_mozilla_org, - #pageAction-urlbar-sendToDevice, - #pageAction-urlbar-emailLink, - #pageAction-urlbar-copyURL, - #pageAction-urlbar-shareURL, - #pageAction-urlbar-addSearchEngine -) -{ - transition: - background-color .2s var(--ease-basic), - margin .15s var(--ease-in), - opacity .15s var(--ease-basic), - visibility 0s .2s !important; - opacity: 0 !important; - visibility: hidden !important; - margin-inline-start: -32px !important; -} - -#urlbar:hover .urlbar-page-action:-moz-any( - #reader-mode-button, - #pageActionButton, - #pocket-button-box, - #pageAction-urlbar-screenshots_mozilla_org, - #pageAction-urlbar-sendToDevice, - #pageAction-urlbar-emailLink, - #pageAction-urlbar-copyURL, - #pageAction-urlbar-shareURL, - #pageAction-urlbar-addSearchEngine -), -.urlbar-page-action:-moz-any( - #reader-mode-button, - #pageActionButton, - #pocket-button-box, - #pageAction-urlbar-screenshots_mozilla_org, - #pageAction-urlbar-sendToDevice, - #pageAction-urlbar-emailLink, - #pageAction-urlbar-copyURL, - #pageAction-urlbar-shareURL, - #pageAction-urlbar-addSearchEngine -):-moz-any(:hover, [open], [readeractive]) -{ - transition: - background-color .2s var(--ease-basic), - margin .3s var(--ease-out), - opacity .3s var(--ease-basic) !important; - opacity: 1 !important; - visibility: visible !important; - margin-inline-start: 0 !important; -} - -#pocket-button-box[animate] > #pocket-animatable-box -{ - margin-inline-start: 6px !important; -} - -#star-button-animatable-box -{ - display: none !important; -} - -#urlbar[open] .urlbar-go-button, -#searchbar[open] .search-go-button -{ - height: 32px !important; -} - -.private-browsing-indicator -{ - display: none !important; -} - -#PanelUI-button -{ - -moz-box-ordinal-group: 2 !important; -} - -/* urlbar and searchbar autocomplete popup */ -#PopupAutoCompleteRichResult -{ - background: 0 !important; - margin-top: -4px !important; - - border: 0 !important; - filter: drop-shadow(0 12px 6px rgba(0, 0, 0, .25)) !important; - overflow: visible !important; - padding-bottom: 28px !important; -} - -#PopupAutoCompleteRichResult .autocomplete-richlistbox, -#PopupAutoCompleteRichResult [anonid="footer"] -{ - background-color: var(--toolbar-field-focus-background-color) !important; - margin-inline-start: calc(var(--item-padding-start) + 20px - 0px) !important; - margin-inline-end: calc(var(--item-padding-end) - 10px) !important; -} - -#PopupAutoCompleteRichResult .autocomplete-richlistbox -{ - padding: 0 !important; - /* comment to keep footer */ - border-radius: 0 0 8px 8px !important; - overflow: hidden !important; -} - -#PopupAutoCompleteRichResult .autocomplete-richlistitem -{ - border: 0 !important; - border-radius: 0 !important; - padding: 0 !important; - height: 36px !important; -} - -/* mac-specific tweaks */ -@media (-moz-mac-yosemite-theme) -{ - #PopupAutoCompleteRichResult - { - filter: none !important; - padding-bottom: 0 !important; - margin-top: -3px !important; - } -} - -#PopupAutoCompleteRichResult .ac-type-icon -{ - display: none !important; -} - -#PopupAutoCompleteRichResult .ac-site-icon -{ - margin-inline-start: 16px !important; - margin-inline-end: 16px !important; -} - -/* footer is hidden by default */ -#PopupAutoCompleteRichResult [anonid="footer"] -{ - margin-top: -8px !important; - border-radius: 0 0 8px 8px !important; - /* comment to keep footer */ - display: none !important; -} - -.search-panel-header, -.search-panel-one-offs -{ - background: 0 !important; -} - -/* high DPI adjustments */ -@media (min--moz-device-pixel-ratio: 2) -{ - #identity-icon-labels - { - padding-inline-end: .5px !important; - } - - #identity-icon-labels, - .urlbar-input, - .searchbar-textbox - { - transform: translateY(-.5px) !important; - } -} \ No newline at end of file