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.

     1 /* vim:set ts=2 sw=2 sts=2 et: */
     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/. */
     6 box,
     7 .splitview-nav {
     8   -moz-box-flex: 1;
     9   -moz-box-orient: vertical;
    10 }
    12 .splitview-nav-container {
    13   -moz-box-pack: center;
    14 }
    16 .loading .splitview-nav-container > .placeholder {
    17   display: none !important;
    18 }
    20 .splitview-controller,
    21 .splitview-main {
    22   -moz-box-flex: 0;
    23 }
    25 .splitview-controller {
    26   min-height: 3em;
    27   max-height: 14em;
    28   max-width: 400px;
    29 }
    31 .splitview-nav {
    32   display: -moz-box;
    33   overflow-x: hidden;
    34   overflow-y: auto;
    35 }
    37 /* only the active details pane is shown */
    38 .splitview-side-details > * {
    39   display: none;
    40 }
    41 .splitview-side-details > .splitview-active {
    42   display: -moz-box;
    43 }
    45 .splitview-landscape-resizer {
    46   cursor: ew-resize;
    47 }
    49 /* this is to keep in sync with SplitView.jsm's LANDSCAPE_MEDIA_QUERY */
    50 @media (min-width: 551px) {
    51   .splitview-root {
    52     -moz-box-orient: horizontal;
    53   }
    54   .splitview-controller {
    55     max-height: none;
    56   }
    57   .splitview-details {
    58     display: none;
    59   }
    60   .splitview-details.splitview-active {
    61     display: -moz-box;
    62   }
    63 }
    65 /* filtered items are hidden */
    66 ol.splitview-nav > li.splitview-filtered {
    67   display: none;
    68 }
    70 /* "empty list" and "all filtered" placeholders are hidden */
    71 .splitview-nav:empty,
    72 .splitview-nav.splitview-all-filtered,
    73 .splitview-nav + .splitview-nav.placeholder {
    74   display: none;
    75 }
    76 .splitview-nav.splitview-all-filtered ~ .splitview-nav.placeholder.all-filtered,
    77 .splitview-nav:empty ~ .splitview-nav.placeholder.empty {
    78   display: -moz-box;
    79 }
    81 .splitview-portrait-resizer {
    82   display: none;
    83 }
    85 /* portrait mode */
    86 @media (max-width: 550px) {
    87   .splitview-landscape-splitter {
    88     display: none;
    89   }
    91   .splitview-portrait-resizer {
    92     display: -moz-box;
    93   }
    95   .splitview-controller {
    96     max-width: none;
    97   }
    98 }

mercurial