interactionsViewer.css (1288B)
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 body { 6 padding: 0.5em 2em; 7 display: flex; 8 flex-wrap: wrap; 9 } 10 11 .hidden { 12 display: none; 13 } 14 15 .message-bar { 16 flex: 0 0 100%; 17 } 18 19 .message-bar-icon { 20 vertical-align: middle; 21 -moz-context-properties: fill; 22 fill: #ffbf00; 23 } 24 25 #categories { 26 padding-top: 0; 27 overflow-y: auto; 28 margin-bottom: 42px; 29 user-select: none; 30 /* Override common.css for widths, to give more room for tables. */ 31 width: auto; 32 } 33 34 #categories > .category { 35 cursor: pointer; 36 display: flex; 37 flex-direction: column; 38 min-height: 42px; 39 /* Override common.css for widths and margins, to give more room for tables. */ 40 width: auto; 41 padding: 0; 42 margin: 0; 43 } 44 45 .category-name { 46 margin: auto 0; 47 pointer-events: none; 48 /* Matches the button margins/padding/border defined in common.css. So that 49 the export history button text aligns nicely. */ 50 padding-inline: 16px; 51 margin-inline: 4px; 52 } 53 54 .main-content { 55 flex: 1; 56 } 57 58 #metadataLimit { 59 padding-bottom: 1em; 60 } 61 62 #tableViewer > div { 63 padding: 0.3em 1em; 64 overflow-x: hidden; 65 text-overflow: ellipsis; 66 white-space: nowrap; 67 }