LCARStrek/devtools/storage.css

   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/filetype-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     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 }