commit 0a86e2a9fdcd36deab9726879cf8403eca29523b Author: Richard Pospesel richard@torproject.org Date: Fri Oct 8 16:24:45 2021 +0200
fixup! Bug 21952: Implement Onion-Location --- .../onionservices/content/onionlocation-urlbar.css | 61 +++++++++++++++++----- 1 file changed, 47 insertions(+), 14 deletions(-)
diff --git a/browser/components/onionservices/content/onionlocation-urlbar.css b/browser/components/onionservices/content/onionlocation-urlbar.css index 91cad5f178d1..7b7051ace675 100644 --- a/browser/components/onionservices/content/onionlocation-urlbar.css +++ b/browser/components/onionservices/content/onionlocation-urlbar.css @@ -1,27 +1,60 @@ /* Copyright (c) 2020, The Tor Project, Inc. */
-#onion-location-button { - list-style-image: url(chrome://browser/content/onionservices/onionlocation.svg); -} - #onion-location-box { - border-radius: 3px; - background-color: #6200A4; - padding-left: 5px; - padding-right: 5px; - color: white; + height: 28px; + + background-color: var(--purple-60); -moz-context-properties: fill; fill: white; }
#onion-location-box:hover { - background-color: #0060DF !important; + background-color: var(--purple-70); }
-toolbar[brighttext] #onion-location-box { - background-color: #9400ff; +#onion-location-box:active { + background-color: var(--purple-80); }
-toolbar[brighttext] #onion-location-box:hover { - background-color: #0060DF !important; +@media (prefers-color-scheme: dark) { + #onion-location-box { + background-color: var(--purple-50); + } + + #onion-location-box:hover { + background-color: var(--purple-60); + } + + #onion-location-box:active { + background-color: var(--purple-70); + } +} + +#onion-location-button { + list-style-image: url(chrome://browser/content/onionservices/onionlocation.svg); + padding-inline-start: 0.5em; +} + +label#onion-label { + line-height: 28px; + margin: 0; + padding-block: 0; + padding-inline: 0.5em; + color: white; + font-weight: bold; +} + +/* set appropriate sizes for the non-standard ui densities */ +:root[uidensity=compact] hbox.urlbar-page-action#onion-location-box { + height: 24px; +} +:root[uidensity=compact] label#onion-label { + line-height: 24px; +} + +:root[uidensity=touch] hbox.urlbar-page-action#onion-location-box { + height: 30px; +} +:root[uidensity=touch] label#onion-label { + line-height: 30px; }