mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-28 08:20:57 +01:00
4c7370a1a3
Summary: Ref T13090. The default width changed recently to become much wider, but the behavior on this control isn't great. Instead: - Pick a default width somewhere between the two. - Make the width sticky across show/hide (pressing "f" twice remembers your width instead of resetting it). - Make the width sticky across reloads (dragging the bar, then reloading the page keeps the bar in the same place). Test Plan: - Without settings, loaded page: got medium-width bar. - Dragged bar wide/narrow, toggled on/off with "f", got persistent width. - Dragged bar wide/narrow, reloaded page, got persistent width. - Dragged bar wide/narrow, toggled it off, reloaded page, toggled it on, got persistent width. Maniphest Tasks: T13090 Differential Revision: https://secure.phabricator.com/D19129
97 lines
2.1 KiB
CSS
97 lines
2.1 KiB
CSS
/**
|
|
* @provides phabricator-nav-view-css
|
|
*/
|
|
|
|
.jx-drag-col {
|
|
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;
|
|
}
|
|
|
|
.device-desktop .has-local-nav .phabricator-nav-local,
|
|
.device-desktop .has-local-nav .phabricator-nav-drag {
|
|
display: block;
|
|
}
|
|
|
|
.device-phone .phabricator-side-menu-home .phabricator-nav-local {
|
|
display: block;
|
|
}
|
|
|
|
/* Home Sidenav */
|
|
.phui-basic-nav.phui-navigation-shell
|
|
.phabricator-side-menu-home .phabricator-nav-local {
|
|
padding-top: 16px;
|
|
padding-right: 0;
|
|
background-color: transparent;
|
|
width: 205px;
|
|
max-width: 205px;
|
|
}
|
|
|
|
.device-phone .phui-basic-nav.phui-navigation-shell
|
|
.phabricator-side-menu-home .phabricator-nav-local {
|
|
padding-top: 0;
|
|
padding-right: 0;
|
|
background-color: transparent;
|
|
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 {
|
|
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;
|
|
background: transparent;
|
|
}
|
|
|
|
.device-phone .phabricator-side-menu-home .phabricator-nav-content {
|
|
display: none;
|
|
}
|
|
|
|
.device-phone .phabricator-side-menu-home .phabricator-nav-local {
|
|
width: 100%;
|
|
padding-top: 0;
|
|
margin-top: 0;
|
|
}
|