From 6bf0a5cb5034a7e684dcc3500e841785237ce2dd Mon Sep 17 00:00:00 2001 From: Daniel Baumann Date: Sun, 7 Apr 2024 19:32:43 +0200 Subject: Adding upstream version 1:115.7.0. Signed-off-by: Daniel Baumann --- browser/themes/shared/translations/panel.css | 92 ++++++++++++++++++++++++++++ 1 file changed, 92 insertions(+) create mode 100644 browser/themes/shared/translations/panel.css (limited to 'browser/themes/shared/translations/panel.css') diff --git a/browser/themes/shared/translations/panel.css b/browser/themes/shared/translations/panel.css new file mode 100644 index 0000000000..d8b33b1872 --- /dev/null +++ b/browser/themes/shared/translations/panel.css @@ -0,0 +1,92 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * 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/. */ + +.translations-panel-view { + font: menu; + width: 31em; +} + +:where(#translations-panel) :is(description, label, menulist) { + margin: 0; +} + +.translations-panel-header { + text-align: initial; + padding: var(--arrowpanel-padding); + padding-bottom: 0; +} + +image.translations-panel-gear-icon { + /* Override the panel-info-button with a gear icon. */ + list-style-image: url(chrome://global/skin/icons/settings.svg); +} + +.translations-panel-content { + padding: var(--arrowpanel-padding); + gap: var(--arrowpanel-padding); +} + +#translations-panel-lang-selection > label:first-child { + margin-block-start: 0; +} + +#translations-panel-lang-selection > label { + margin-block: var(--arrowpanel-padding) 6px; +} + +/* The default styling is to dim the default, but here override it so that it still uses + the primary color. */ +.translations-panel-footer > button[default][disabled="true"] { + color: var(--button-primary-color); + background-color: var(--button-primary-bgcolor); +} + +#translations-panel-translate-hint-action { + appearance: none; + background-color: var(--button-bgcolor); + border-radius: 4px; + color: var(--button-color); + padding: 8px 16px; + font-size: 0.9em; +} + +#translations-panel-translate-hint-action:hover { + background-color: var(--button-hover-bgcolor); +} + +#translations-panel-translate-hint-action:hover:active { + background-color: var(--button-active-bgcolor); +} + +#translations-panel-translate-hint-action:focus-visible { + outline: var(--focus-outline); + outline-offset: var(--focus-outline-offset); +} + +#translations-panel-error-message-hint { + margin-inline-start: 21px; + margin-block: 8px; +} + +#translations-panel-error-message { + font-weight: 600; +} + +.translations-panel-error-icon { + -moz-context-properties: fill; + fill: currentColor; + list-style-image: url(chrome://global/skin/icons/error.svg); + margin-inline-end: 5px; + width: 16px; +} + +.translations-panel-error-header { + align-items: start; +} + +#translations-panel-error { + border: 1px solid currentColor; + border-radius: 4px; + padding: 12px; +} -- cgit v1.2.3