browser/devtools/shared/splitview.css

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/browser/devtools/shared/splitview.css	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,98 @@
     1.4 +/* vim:set ts=2 sw=2 sts=2 et: */
     1.5 +/* This Source Code Form is subject to the terms of the Mozilla Public
     1.6 + * License, v. 2.0. If a copy of the MPL was not distributed with this
     1.7 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
     1.8 +
     1.9 +box,
    1.10 +.splitview-nav {
    1.11 +  -moz-box-flex: 1;
    1.12 +  -moz-box-orient: vertical;
    1.13 +}
    1.14 +
    1.15 +.splitview-nav-container {
    1.16 +  -moz-box-pack: center;
    1.17 +}
    1.18 +
    1.19 +.loading .splitview-nav-container > .placeholder {
    1.20 +  display: none !important;
    1.21 +}
    1.22 +
    1.23 +.splitview-controller,
    1.24 +.splitview-main {
    1.25 +  -moz-box-flex: 0;
    1.26 +}
    1.27 +
    1.28 +.splitview-controller {
    1.29 +  min-height: 3em;
    1.30 +  max-height: 14em;
    1.31 +  max-width: 400px;
    1.32 +}
    1.33 +
    1.34 +.splitview-nav {
    1.35 +  display: -moz-box;
    1.36 +  overflow-x: hidden;
    1.37 +  overflow-y: auto;
    1.38 +}
    1.39 +
    1.40 +/* only the active details pane is shown */
    1.41 +.splitview-side-details > * {
    1.42 +  display: none;
    1.43 +}
    1.44 +.splitview-side-details > .splitview-active {
    1.45 +  display: -moz-box;
    1.46 +}
    1.47 +
    1.48 +.splitview-landscape-resizer {
    1.49 +  cursor: ew-resize;
    1.50 +}
    1.51 +
    1.52 +/* this is to keep in sync with SplitView.jsm's LANDSCAPE_MEDIA_QUERY */
    1.53 +@media (min-width: 551px) {
    1.54 +  .splitview-root {
    1.55 +    -moz-box-orient: horizontal;
    1.56 +  }
    1.57 +  .splitview-controller {
    1.58 +    max-height: none;
    1.59 +  }
    1.60 +  .splitview-details {
    1.61 +    display: none;
    1.62 +  }
    1.63 +  .splitview-details.splitview-active {
    1.64 +    display: -moz-box;
    1.65 +  }
    1.66 +}
    1.67 +
    1.68 +/* filtered items are hidden */
    1.69 +ol.splitview-nav > li.splitview-filtered {
    1.70 +  display: none;
    1.71 +}
    1.72 +
    1.73 +/* "empty list" and "all filtered" placeholders are hidden */
    1.74 +.splitview-nav:empty,
    1.75 +.splitview-nav.splitview-all-filtered,
    1.76 +.splitview-nav + .splitview-nav.placeholder {
    1.77 +  display: none;
    1.78 +}
    1.79 +.splitview-nav.splitview-all-filtered ~ .splitview-nav.placeholder.all-filtered,
    1.80 +.splitview-nav:empty ~ .splitview-nav.placeholder.empty {
    1.81 +  display: -moz-box;
    1.82 +}
    1.83 +
    1.84 +.splitview-portrait-resizer {
    1.85 +  display: none;
    1.86 +}
    1.87 +
    1.88 +/* portrait mode */
    1.89 +@media (max-width: 550px) {
    1.90 +  .splitview-landscape-splitter {
    1.91 +    display: none;
    1.92 +  }
    1.93 +
    1.94 +  .splitview-portrait-resizer {
    1.95 +    display: -moz-box;
    1.96 +  }
    1.97 +
    1.98 +  .splitview-controller {
    1.99 +    max-width: none;
   1.100 +  }
   1.101 +}

mercurial