| 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 | /* Storage Host Tree */ |
| 6 | |
| 7 | #storage-tree { |
| 8 | min-width: 220px; |
| 9 | max-width: 500px; |
| 10 | overflow: auto; |
| 11 | } |
| 12 | |
| 13 | #storage-tree { |
| 14 | background: var(--theme-sidebar-background); |
| 15 | } |
| 16 | |
| 17 | #storage-tree .tree-widget-item[type="store"]:after { |
| 18 | background-image: url("chrome://devtools/skin/images/filetypes/store.svg"); |
| 19 | background-size: 18px 18px; |
| 20 | background-position: -1px 0; |
| 21 | } |
| 22 | |
| 23 | /* Columns with date should have a min width so that date is visible */ |
| 24 | #expires, #lastAccessed, #creationTime { |
| 25 | min-width: 150px; |
| 26 | } |
| 27 | |
| 28 | /* Variables View Sidebar */ |
| 29 | |
| 30 | #storage-sidebar { |
| 31 | max-width: 500px; |
| 32 | min-width: 250px; |
| 33 | } |
| 34 | |
| 35 | /* Responsive sidebar */ |
| 36 | @media (max-width: 700px) { |
| 37 | #storage-tree, |
| 38 | #storage-sidebar { |
| 39 | max-width: 100%; |
| 40 | } |
| 41 | |
| 42 | #storage-table #path { |
| 43 | display: none; |
| 44 | } |
| 45 | |
| 46 | #storage-table .table-widget-cell { |
| 47 | min-width: 100px; |
| 48 | } |
| 49 | } |