addEngine.css (1271B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5 input { 6 flex: 1; 7 } 8 9 hbox { 10 width: 100%; 11 } 12 13 #titleContainer { 14 padding-bottom: var(--space-xlarge); 15 --icon-url: url("chrome://browser/skin/preferences/category-search.svg"); 16 } 17 18 .dialogRow { 19 & > label, 20 & > .error-label { 21 /* Align the labels with the inputs */ 22 margin-inline-start: 4px; 23 } 24 } 25 26 input[type="url"]:not(:placeholder-shown) { 27 /* Full URLs should always be displayed as LTR */ 28 direction: ltr; 29 text-align: match-parent; 30 } 31 32 .dialogRow:not([hidden]) { 33 display: flex; 34 flex-direction: column; 35 } 36 37 .error-label { 38 display: flex; 39 font-size: var(--font-size-small); 40 margin-top: var(--space-xxsmall); 41 margin-bottom: var(--space-medium); 42 align-items: center; 43 gap: var(--space-xsmall); 44 color: var(--text-color-error); 45 46 visibility: hidden; 47 input:user-invalid + & { 48 visibility: visible; 49 } 50 51 &::before { 52 content: url("chrome://global/skin/icons/error.svg"); 53 fill: var(--icon-color-critical); 54 -moz-context-properties: fill; 55 height: var(--icon-size); 56 width: var(--icon-size); 57 display: flex; 58 } 59 }