Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/css/aphront/phabricator-nav-view.css
| /** | /** | ||||
| * @provides phabricator-nav-view-css | * @provides phabricator-nav-view-css | ||||
| */ | */ | ||||
| .jx-drag-col { | .device .phui-navigation-shell div.phabricator-nav-local { | ||||
| cursor: col-resize; | |||||
| } | |||||
| .device-desktop .has-closed-nav div.phabricator-nav-local, | |||||
| .device-desktop .has-closed-nav div.phabricator-nav-drag, | |||||
| .device .phui-navigation-shell div.phabricator-nav-local, | |||||
| .device .phui-navigation-shell div.phabricator-nav-drag { | |||||
| display: none; | display: none; | ||||
| } | } | ||||
| .device-desktop .has-local-nav .phabricator-nav-local, | .device-desktop .has-local-nav .phabricator-nav-local { | ||||
| .device-desktop .has-local-nav .phabricator-nav-drag { | |||||
| display: block; | display: block; | ||||
| } | } | ||||
| .device-phone .phabricator-side-menu-home .phabricator-nav-local { | .device-phone .phabricator-side-menu-home .phabricator-nav-local { | ||||
| display: block; | display: block; | ||||
| } | } | ||||
| /* Home Sidenav */ | /* Home Sidenav */ | ||||
| Show All 9 Lines | |||||
| .device-phone .phui-basic-nav.phui-navigation-shell | .device-phone .phui-basic-nav.phui-navigation-shell | ||||
| .phabricator-side-menu-home .phabricator-nav-local { | .phabricator-side-menu-home .phabricator-nav-local { | ||||
| padding-top: 0; | padding-top: 0; | ||||
| padding-right: 0; | padding-right: 0; | ||||
| background-color: transparent; | background-color: transparent; | ||||
| width: auto; | width: auto; | ||||
| } | } | ||||
| .phabricator-nav-drag { | |||||
| position: fixed; | |||||
| top: 0; | |||||
| bottom: 0; | |||||
| left: 310px; | |||||
| width: 7px; | |||||
| cursor: col-resize; | |||||
| background: #f5f5f5; | |||||
| border-style: solid; | |||||
| border-width: 0 1px 0 1px; | |||||
| border-color: #fff #999c9e #fff #999c9e; | |||||
| box-shadow: inset -1px 0px 1px rgba({$alphablack}, 0.15); | |||||
| background-image: url(/rsrc/image/divot.png); | |||||
| background-position: center; | |||||
| background-repeat: no-repeat; | |||||
| } | |||||
| .phabricator-nav-content { | .phabricator-nav-content { | ||||
| overflow: hidden; | overflow: hidden; | ||||
| } | } | ||||
| .device-desktop .phabricator-standard-page-body .has-drag-nav | |||||
| .phabricator-nav-content { | |||||
| margin-left: 317px; | |||||
| } | |||||
| .device-desktop .phabricator-standard-page-body .has-drag-nav | |||||
| .phabricator-nav-local { | |||||
| max-width: none; | |||||
| } | |||||
| .has-drag-nav ul.phui-list-view { | |||||
| height: 100%; | |||||
| overflow-y: auto; | |||||
| overflow-x: hidden; | |||||
| } | |||||
| .device-desktop .phui-navigation-shell .has-drag-nav .phabricator-nav-local { | |||||
| width: 310px; | |||||
| padding: 0; | |||||
| /* See PHI568. If we don't paint the background explicitly, the content can | |||||
| render underneath it when scrolled horizontally. */ | |||||
| background: {$page.background}; | |||||
| } | |||||
| .device-phone .phabricator-side-menu-home .phabricator-nav-content { | .device-phone .phabricator-side-menu-home .phabricator-nav-content { | ||||
| display: none; | display: none; | ||||
| } | } | ||||
| .device-phone .phabricator-side-menu-home .phabricator-nav-local { | .device-phone .phabricator-side-menu-home .phabricator-nav-local { | ||||
| width: 100%; | width: 100%; | ||||
| padding-top: 0; | padding-top: 0; | ||||
| margin-top: 0; | margin-top: 0; | ||||
| } | } | ||||