[Summary view] [Print] [Text view]

   1  /**
   2   * @provides phabricator-nav-view-css
   3   */
   4  
   5  .jx-drag-col {
   6    cursor: col-resize;
   7  }
   8  
   9  .phabricator-nav {
  10    /* Force top margins in page content not to collapse with the top margin of
  11       the navigation container by giving it padding. Then put it in the right
  12       position by undoing the padding with a margin. */
  13    padding-top: 1px;
  14    margin-top: -1px;
  15  }
  16  
  17  .phabricator-nav-column-background {
  18    position: fixed;
  19    top: 0;
  20    left: 0;
  21    /* On the iPhone, scrolling down causes the revealed area to fill with white,
  22       then draw with the texture after the action completes. Just make the
  23       element extend off the bottom of the screen to prevent this. */
  24    bottom: -480px;
  25    width: 204px;
  26    background: #dbdde0;
  27    border-right: 1px solid {$hovergrey};
  28  }
  29  
  30  .phabricator-nav-column-background,
  31  .phabricator-nav-local,
  32  .phabricator-nav-drag {
  33    display: none;
  34  }
  35  
  36  .device-desktop .has-local-nav .phabricator-nav-column-background,
  37  .device-desktop .has-local-nav .phabricator-nav-local,
  38  .device-desktop .has-local-nav .phabricator-nav-drag {
  39    display: block;
  40  }
  41  
  42  .device .phabricator-side-menu-home .phabricator-nav-column-background,
  43  .device .phabricator-side-menu-home .phabricator-nav-local {
  44    display: block;
  45  }
  46  
  47  .device-desktop .phabricator-side-menu-home .phabricator-nav-content,
  48  .device-tablet .phabricator-side-menu-home .phabricator-nav-content {
  49    margin-left: 205px;
  50  }
  51  
  52  .phabricator-nav-local {
  53    width: 205px;
  54    position: absolute;
  55    left: 0;
  56    white-space: nowrap;
  57    overflow-x: hidden;
  58    overflow-y: auto;
  59  }
  60  
  61  .phabricator-nav-drag {
  62    position: fixed;
  63    top: 0;
  64    bottom: 0;
  65    left: 205px;
  66    width: 7px;
  67  
  68    cursor: col-resize;
  69    background: #f5f5f5;
  70    border-style: solid;
  71    border-width: 0 1px 0 1px;
  72    border-color: #fff #999c9e #fff #999c9e;
  73  
  74    box-shadow: inset -1px 0px 1px rgba(0, 0, 0, 0.15);
  75  
  76    background-image: url(/rsrc/image/divot.png);
  77    background-position: center;
  78    background-repeat: no-repeat;
  79  }
  80  
  81  .device-desktop .phabricator-standard-page-body .has-drag-nav .phabricator-nav-content {
  82    margin-left: 212px;
  83  }
  84  
  85  .device-desktop .has-local-nav .phabricator-nav-content {
  86    margin-left: 205px;
  87  }
  88  
  89  .device-phone .phabricator-side-menu-home .phabricator-nav-content {
  90    display: none;
  91  }
  92  
  93  .device-phone .phabricator-side-menu-home .phabricator-nav-column-background,
  94  .device-phone .phabricator-side-menu-home .phabricator-nav-local {
  95    width: 100%;
  96  }