Commit | Line | Data |
---|---|---|
cac2a998 RK |
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 | ||
19988d2d RK |
13 | #storage-tree { |
14 | background: var(--theme-sidebar-background); | |
cac2a998 RK |
15 | } |
16 | ||
17 | #storage-tree .tree-widget-item[type="store"]:after { | |
7d6161c5 | 18 | background-image: url("chrome://devtools/skin/images/filetypes/store.svg"); |
cac2a998 RK |
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 | max-width: 100%; | |
39 | } | |
40 | ||
41 | #storage-table #path { | |
42 | display: none; | |
43 | } | |
44 | ||
45 | #storage-table .table-widget-cell { | |
46 | min-width: 100px; | |
47 | } | |
48 | } |