debugger.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. /* -*- Mode: javascript; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
  2. /* This Source Code Form is subject to the terms of the Mozilla Public
  3. * License, v. 2.0. If a copy of the MPL was not distributed with this
  4. * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
  5. /* Side pane views */
  6. #workers-pane > tabpanels > tabpanel,
  7. #sources-pane > tabpanels > tabpanel,
  8. #instruments-pane > tabpanels > tabpanel {
  9. -moz-box-orient: vertical;
  10. }
  11. /* Toolbar controls */
  12. .devtools-toolbarbutton:not([label]) > .toolbarbutton-text {
  13. display: none;
  14. }
  15. /* Horizontal vs. vertical layout */
  16. #body[layout=vertical] #debugger-widgets {
  17. -moz-box-orient: vertical;
  18. }
  19. #body[layout=vertical] #workers-and-sources-pane {
  20. -moz-box-flex: 1;
  21. }
  22. #body[layout=vertical] #instruments-pane {
  23. -moz-box-flex: 2;
  24. }
  25. #body[layout=vertical] #instruments-pane-toggle {
  26. display: none;
  27. }
  28. #body[layout=vertical] #sources-and-editor-splitter,
  29. #body[layout=vertical] #editor-and-instruments-splitter {
  30. display: none;
  31. }
  32. #body[layout=horizontal] #vertical-layout-splitter,
  33. #body[layout=horizontal] #vertical-layout-panes-container {
  34. display: none;
  35. }
  36. #body[layout=vertical] #stackframes {
  37. visibility: hidden;
  38. }
  39. #source-progress-container {
  40. display: flex;
  41. flex-flow: column;
  42. justify-content: center;
  43. }
  44. #source-progress {
  45. flex: none;
  46. }
  47. #redux-devtools * {
  48. display: block;
  49. }
  50. #redux-devtools span {
  51. display: inline
  52. }