downloads.css (3934B)
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 file, 3 * You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5 /*** Downloads Panel ***/ 6 7 #downloadsListBox > richlistitem:not([selected]) button { 8 /* Only focus buttons in the selected item. */ 9 -moz-user-focus: none; 10 } 11 12 #downloadsSummary:not([inprogress]) > vbox > #downloadsSummaryProgress, 13 #downloadsSummary:not([inprogress]) > vbox > #downloadsSummaryDetails, 14 #downloadsFooter:not([showingsummary]) #downloadsSummary { 15 display: none; 16 } 17 18 #downloadsFooter[showingsummary] > stack:hover > #downloadsSummary, 19 #downloadsFooter[showingsummary] > stack:not(:hover) > #downloadsFooterButtons { 20 /* If we used "visibility: hidden;" then the mouseenter event of 21 #downloadsHistory wouldn't be triggered immediately, and the hover styling 22 of the button would not apply until the mouse is moved again. 23 24 "-moz-user-focus: ignore;" prevents the elements with "opacity: 0;" from 25 being focused with the keyboard. */ 26 opacity: 0; 27 -moz-user-focus: ignore; 28 } 29 30 /*** Downloads View ***/ 31 32 #downloadsListBox.allDownloadsListBox > richlistitem button { 33 /* These buttons should never get focus, as that would "disable" 34 the downloads view controller (it's only used when the richlistbox 35 is focused). */ 36 -moz-user-focus: none; 37 } 38 39 /*** Visibility of controls inside download items ***/ 40 .download-state[buttonhidden] > .downloadButton { 41 display: none; 42 } 43 44 .download-state:not([state="6"], /* Blocked (parental) */ 45 [state="8"], /* Blocked (dirty) */ 46 [state="9"], /* Blocked (policy) */ 47 [state="10"] /* Blocked (content analysis) */) 48 .downloadBlockedBadge, 49 50 .download-state:not([state="-1"],/* Starting (initial) */ 51 [state="5"], /* Starting (queued) */ 52 [state="0"], /* Downloading */ 53 [state="4"], /* Paused */ 54 [state="7"] /* Scanning */) 55 .downloadProgress { 56 display: none; 57 } 58 59 /*** Visibility of download button labels ***/ 60 61 .download-state:not([state="-1"],/* Starting (initial) */ 62 [state="5"], /* Starting (queued) */ 63 [state="0"], /* Downloading */ 64 [state="4"] /* Paused */) 65 .downloadCancel, 66 67 .download-state:not([state="2"], /* Failed */ 68 [state="3"] /* Canceled */) 69 .downloadRetry, 70 71 .download-state:not([state="1"] /* Finished */) 72 .downloadShow { 73 display: none; 74 } 75 76 /*** Downloads panel ***/ 77 78 #downloadsPanel[hasdownloads] #emptyDownloads, 79 #downloadsPanel:not([hasdownloads]) #downloadsListBox { 80 display: none; 81 } 82 83 /*** Downloads panel multiview (main view and blocked-downloads subview) ***/ 84 85 /* Make the panel wide enough to show the download list items without improperly 86 truncating them. */ 87 #downloadsPanel-multiView > .panel-viewcontainer, 88 #downloadsPanel-multiView > .panel-viewcontainer > .panel-viewstack { 89 max-width: unset; 90 } 91 92 #downloadsPanel-blockedSubview, 93 #downloadsPanel-mainView { 94 min-width: 37em; 95 padding: 0.62em; 96 } 97 98 #downloadsPanelTorWarning { 99 margin-block-end: var(--arrowpanel-menuitem-padding-block); 100 } 101 102 #downloadsPanelTorWarningWrapper { 103 /* The wrapper element has its `width` attribute set by mozilla localisers. 104 * We want to ensure the element occupies the available width when the 105 * localiser width is smaller. See tor-browser#43312. */ 106 min-width: 100%; 107 } 108 109 #downloadsHistory, 110 #downloadsFooterButtons { 111 margin: 0; 112 } 113 114 .downloadMainArea, 115 .downloadContainer { 116 min-width: 0; 117 }