aboutLogins.css (2302B)
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 :root { 6 --logins-dialog-shadow: var(--box-shadow-popup); 7 --logins-dialog-border: 1px solid var(--border-color-card); 8 --logins-dialog-border-radius: var(--border-radius-medium); 9 } 10 11 html { 12 position: fixed; 13 } 14 html, 15 body { 16 height: 100%; 17 width: 100%; 18 } 19 20 body { 21 --sidebar-width: 320px; 22 display: grid; 23 grid-template-columns: var(--sidebar-width) 1fr; 24 grid-template-rows: auto 1fr; 25 } 26 27 @media (max-width: 830px) { 28 body { 29 --sidebar-width: 270px; 30 } 31 } 32 33 header { 34 display: flex; 35 align-items: center; 36 justify-content: flex-end; 37 background-color: var(--background-color-canvas); 38 padding-block: 9px; 39 padding-inline-start: 16px; 40 padding-inline-end: 23px; 41 } 42 43 login-filter { 44 min-width: 200px; 45 max-width: 400px; 46 margin-inline: 40px auto; 47 flex-grow: 0.5; 48 align-self: center; 49 } 50 51 fxaccounts-button, 52 menu-button { 53 margin-inline-start: 18px; 54 } 55 56 login-list { 57 grid-row: 1/4; 58 } 59 60 :root:not(.initialized) login-intro, 61 :root:not(.initialized) login-item, 62 :root.empty-search login-intro, 63 :root:not(.no-logins, .empty-search, .login-selected) login-intro, 64 login-item[data-editing="true"] + login-intro, 65 .login-selected login-intro, 66 :root:not(.login-selected) login-item:not([data-editing="true"]), 67 .no-logins login-item:not([data-editing="true"]) { 68 display: none; 69 } 70 71 /* Do not promote Mozilla Sync. */ 72 login-intro { 73 display: none !important; 74 } 75 76 .heading-wrapper { 77 display: flex; 78 justify-content: center; 79 width: var(--sidebar-width); 80 font-weight: var(--heading-font-weight); 81 } 82 83 :root:not(.primary-password-auth-required) #primary-password-required-overlay { 84 display: none; 85 } 86 87 .primary-password-auth-required > body > header, 88 .primary-password-auth-required > body > login-list, 89 .primary-password-auth-required > body > section { 90 filter: blur(2px); 91 } 92 93 #primary-password-required-overlay { 94 z-index: 1; 95 position: fixed; 96 width: 100vw; 97 height: 100vh; 98 background-color: var(--background-color-overlay); 99 } 100 101 body > section { 102 display: grid; 103 grid-template-rows: auto 1fr; 104 overflow-y: hidden; 105 overflow-x: auto; 106 } 107 108 login-intro { 109 overflow-y: scroll; 110 }