browser/devtools/shared/splitview.css@6474c204b198 (annotated)
browser/devtools/shared/splitview.css
Wed, 31 Dec 2014 06:09:35 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:09:35 +0100
- changeset 0
- 6474c204b198
- permissions
- -rw-r--r--
Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.
| michael@0 | 1 | /* vim:set ts=2 sw=2 sts=2 et: */ |
| michael@0 | 2 | /* This Source Code Form is subject to the terms of the Mozilla Public |
| michael@0 | 3 | * License, v. 2.0. If a copy of the MPL was not distributed with this |
| michael@0 | 4 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ |
| michael@0 | 5 | |
| michael@0 | 6 | box, |
| michael@0 | 7 | .splitview-nav { |
| michael@0 | 8 | -moz-box-flex: 1; |
| michael@0 | 9 | -moz-box-orient: vertical; |
| michael@0 | 10 | } |
| michael@0 | 11 | |
| michael@0 | 12 | .splitview-nav-container { |
| michael@0 | 13 | -moz-box-pack: center; |
| michael@0 | 14 | } |
| michael@0 | 15 | |
| michael@0 | 16 | .loading .splitview-nav-container > .placeholder { |
| michael@0 | 17 | display: none !important; |
| michael@0 | 18 | } |
| michael@0 | 19 | |
| michael@0 | 20 | .splitview-controller, |
| michael@0 | 21 | .splitview-main { |
| michael@0 | 22 | -moz-box-flex: 0; |
| michael@0 | 23 | } |
| michael@0 | 24 | |
| michael@0 | 25 | .splitview-controller { |
| michael@0 | 26 | min-height: 3em; |
| michael@0 | 27 | max-height: 14em; |
| michael@0 | 28 | max-width: 400px; |
| michael@0 | 29 | } |
| michael@0 | 30 | |
| michael@0 | 31 | .splitview-nav { |
| michael@0 | 32 | display: -moz-box; |
| michael@0 | 33 | overflow-x: hidden; |
| michael@0 | 34 | overflow-y: auto; |
| michael@0 | 35 | } |
| michael@0 | 36 | |
| michael@0 | 37 | /* only the active details pane is shown */ |
| michael@0 | 38 | .splitview-side-details > * { |
| michael@0 | 39 | display: none; |
| michael@0 | 40 | } |
| michael@0 | 41 | .splitview-side-details > .splitview-active { |
| michael@0 | 42 | display: -moz-box; |
| michael@0 | 43 | } |
| michael@0 | 44 | |
| michael@0 | 45 | .splitview-landscape-resizer { |
| michael@0 | 46 | cursor: ew-resize; |
| michael@0 | 47 | } |
| michael@0 | 48 | |
| michael@0 | 49 | /* this is to keep in sync with SplitView.jsm's LANDSCAPE_MEDIA_QUERY */ |
| michael@0 | 50 | @media (min-width: 551px) { |
| michael@0 | 51 | .splitview-root { |
| michael@0 | 52 | -moz-box-orient: horizontal; |
| michael@0 | 53 | } |
| michael@0 | 54 | .splitview-controller { |
| michael@0 | 55 | max-height: none; |
| michael@0 | 56 | } |
| michael@0 | 57 | .splitview-details { |
| michael@0 | 58 | display: none; |
| michael@0 | 59 | } |
| michael@0 | 60 | .splitview-details.splitview-active { |
| michael@0 | 61 | display: -moz-box; |
| michael@0 | 62 | } |
| michael@0 | 63 | } |
| michael@0 | 64 | |
| michael@0 | 65 | /* filtered items are hidden */ |
| michael@0 | 66 | ol.splitview-nav > li.splitview-filtered { |
| michael@0 | 67 | display: none; |
| michael@0 | 68 | } |
| michael@0 | 69 | |
| michael@0 | 70 | /* "empty list" and "all filtered" placeholders are hidden */ |
| michael@0 | 71 | .splitview-nav:empty, |
| michael@0 | 72 | .splitview-nav.splitview-all-filtered, |
| michael@0 | 73 | .splitview-nav + .splitview-nav.placeholder { |
| michael@0 | 74 | display: none; |
| michael@0 | 75 | } |
| michael@0 | 76 | .splitview-nav.splitview-all-filtered ~ .splitview-nav.placeholder.all-filtered, |
| michael@0 | 77 | .splitview-nav:empty ~ .splitview-nav.placeholder.empty { |
| michael@0 | 78 | display: -moz-box; |
| michael@0 | 79 | } |
| michael@0 | 80 | |
| michael@0 | 81 | .splitview-portrait-resizer { |
| michael@0 | 82 | display: none; |
| michael@0 | 83 | } |
| michael@0 | 84 | |
| michael@0 | 85 | /* portrait mode */ |
| michael@0 | 86 | @media (max-width: 550px) { |
| michael@0 | 87 | .splitview-landscape-splitter { |
| michael@0 | 88 | display: none; |
| michael@0 | 89 | } |
| michael@0 | 90 | |
| michael@0 | 91 | .splitview-portrait-resizer { |
| michael@0 | 92 | display: -moz-box; |
| michael@0 | 93 | } |
| michael@0 | 94 | |
| michael@0 | 95 | .splitview-controller { |
| michael@0 | 96 | max-width: none; |
| michael@0 | 97 | } |
| michael@0 | 98 | } |
