storage.css 1.4 KB

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