history.css (1345B)
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 .history-sort-options:not([hidden]) { 6 display: flex; 7 gap: 24px; 8 } 9 10 .history-sort-option { 11 display: flex; 12 align-items: center; 13 gap: 8px; 14 15 & label { 16 white-space: nowrap; 17 } 18 } 19 20 .show-all-history-footer { 21 text-align: center; 22 margin-block-end: 24px; 23 } 24 25 .import-history-banner .banner-text { 26 display: flex; 27 flex-direction: column; 28 font-size: 0.95rem; 29 gap: 6px; 30 padding: 0 8px; 31 } 32 33 .import-history-banner .banner-text span:first-child { 34 font-weight: var(--font-weight-semibold); 35 } 36 37 .import-history-banner [slot="main"] { 38 display: grid; 39 grid-template-columns: 1fr auto; 40 gap: 16px; 41 padding: 8px 0; 42 } 43 44 .import-history-banner .buttons { 45 display: flex; 46 align-items: center; 47 gap: 16px; 48 } 49 50 .choose-browser { 51 font-size: 0.87em; 52 cursor: pointer; 53 } 54 55 moz-button.close::part(button) { 56 background-image: url("resource://content-accessible/close-12.svg"); 57 } 58 59 dialog { 60 border: 1px solid transparent; 61 border-radius: var(--border-radius-medium); 62 box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3); 63 padding: 24px; 64 } 65 66 @media (prefers-color-scheme: dark) { 67 dialog { 68 --background-color-canvas: #42414d; 69 } 70 }