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 +}