2012-08-01 21:31:33 +02:00
|
|
|
/**
|
|
|
|
|
* @provides phabricator-nav-view-css
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
.jx-drag-col {
|
|
|
|
|
cursor: col-resize;
|
|
|
|
|
}
|
|
|
|
|
|
2016-08-01 22:54:39 +02:00
|
|
|
.device-desktop .has-closed-nav div.phabricator-nav-local,
|
2016-08-04 22:49:16 +02:00
|
|
|
.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 {
|
2012-12-07 22:35:17 +01:00
|
|
|
display: none;
|
Add basic support for new navigation menu
Summary:
Add a new left-side application menu. This menu shows which application you're in and provides a quick way to get to other applications.
On desktops, menus are always shown but the app menu can be collapsed to be very small.
On tablets, navigation buttons allow you to choose between the menus and the content.
On phones, navigation buttons allow you to choose between the app menu, the local menu, and the content.
This needs some code and UI cleanup, but has no effect yet so I think it's okay to land as-is, I'll clean it up a bit as I start integrating it. I want to play around with it a bit and see if it's good/useful or horrible anyway.
Test Plan: Will include screenshots.
Reviewers: vrana, btrahan, chad
Reviewed By: btrahan
CC: aran, alanh
Maniphest Tasks: T1569
Differential Revision: https://secure.phabricator.com/D3223
2012-08-11 16:06:12 +02:00
|
|
|
}
|
|
|
|
|
|
2012-12-15 00:14:14 +01:00
|
|
|
.device-desktop .has-local-nav .phabricator-nav-local,
|
|
|
|
|
.device-desktop .has-local-nav .phabricator-nav-drag {
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
2016-08-04 22:49:16 +02:00
|
|
|
.device-phone .phabricator-side-menu-home .phabricator-nav-local {
|
2013-03-22 19:50:30 +01:00
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
2016-08-01 21:06:35 +02:00
|
|
|
/* 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;
|
2017-02-06 17:54:55 +01:00
|
|
|
max-width: 205px;
|
2014-05-26 01:30:32 +02:00
|
|
|
}
|
|
|
|
|
|
2016-08-01 21:06:35 +02:00
|
|
|
.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;
|
2012-12-15 00:14:14 +01:00
|
|
|
}
|
|
|
|
|
|
2012-08-01 21:31:33 +02:00
|
|
|
.phabricator-nav-drag {
|
|
|
|
|
position: fixed;
|
2012-08-31 03:58:51 +02:00
|
|
|
top: 0;
|
2012-12-15 00:14:14 +01:00
|
|
|
bottom: 0;
|
Make the filetree view width sticky across show/hide and reload
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
2018-02-22 22:31:20 +01:00
|
|
|
left: 310px;
|
2012-08-01 21:31:33 +02:00
|
|
|
width: 7px;
|
|
|
|
|
|
|
|
|
|
cursor: col-resize;
|
|
|
|
|
background: #f5f5f5;
|
|
|
|
|
border-style: solid;
|
|
|
|
|
border-width: 0 1px 0 1px;
|
|
|
|
|
border-color: #fff #999c9e #fff #999c9e;
|
|
|
|
|
|
2016-02-15 06:29:56 +01:00
|
|
|
box-shadow: inset -1px 0px 1px rgba({$alphablack}, 0.15);
|
2012-08-01 21:31:33 +02:00
|
|
|
|
|
|
|
|
background-image: url(/rsrc/image/divot.png);
|
|
|
|
|
background-position: center;
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
}
|
|
|
|
|
|
2015-05-28 20:37:02 +02:00
|
|
|
.phabricator-nav-content {
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
|
2014-12-30 11:48:26 +01:00
|
|
|
.device-desktop .phabricator-standard-page-body .has-drag-nav
|
|
|
|
|
.phabricator-nav-content {
|
Make the filetree view width sticky across show/hide and reload
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
2018-02-22 22:31:20 +01:00
|
|
|
margin-left: 317px;
|
2013-01-15 23:28:13 +01:00
|
|
|
}
|
|
|
|
|
|
2017-03-31 07:15:45 +02:00
|
|
|
.device-desktop .phabricator-standard-page-body .has-drag-nav
|
|
|
|
|
.phabricator-nav-local {
|
|
|
|
|
max-width: none;
|
|
|
|
|
}
|
|
|
|
|
|
2016-08-12 02:12:53 +02:00
|
|
|
.has-drag-nav ul.phui-list-view {
|
|
|
|
|
height: 100%;
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
overflow-x: hidden;
|
|
|
|
|
}
|
|
|
|
|
|
2016-08-01 21:06:35 +02:00
|
|
|
.device-desktop .phui-navigation-shell .has-drag-nav .phabricator-nav-local {
|
Make the filetree view width sticky across show/hide and reload
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
2018-02-22 22:31:20 +01:00
|
|
|
width: 310px;
|
2016-08-01 21:06:35 +02:00
|
|
|
padding: 0;
|
2018-04-11 18:40:05 +02:00
|
|
|
|
|
|
|
|
/* See PHI568. If we don't paint the background explicitly, the content can
|
|
|
|
|
render underneath it when scrolled horizontally. */
|
|
|
|
|
background: {$page.background};
|
Add basic support for new navigation menu
Summary:
Add a new left-side application menu. This menu shows which application you're in and provides a quick way to get to other applications.
On desktops, menus are always shown but the app menu can be collapsed to be very small.
On tablets, navigation buttons allow you to choose between the menus and the content.
On phones, navigation buttons allow you to choose between the app menu, the local menu, and the content.
This needs some code and UI cleanup, but has no effect yet so I think it's okay to land as-is, I'll clean it up a bit as I start integrating it. I want to play around with it a bit and see if it's good/useful or horrible anyway.
Test Plan: Will include screenshots.
Reviewers: vrana, btrahan, chad
Reviewed By: btrahan
CC: aran, alanh
Maniphest Tasks: T1569
Differential Revision: https://secure.phabricator.com/D3223
2012-08-11 16:06:12 +02:00
|
|
|
}
|
2013-01-16 00:41:22 +01:00
|
|
|
|
2013-03-22 19:50:30 +01:00
|
|
|
.device-phone .phabricator-side-menu-home .phabricator-nav-content {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.device-phone .phabricator-side-menu-home .phabricator-nav-local {
|
|
|
|
|
width: 100%;
|
2015-06-26 16:32:18 +02:00
|
|
|
padding-top: 0;
|
2015-06-29 03:02:44 +02:00
|
|
|
margin-top: 0;
|
2013-03-22 19:50:30 +01:00
|
|
|
}
|
