2012-08-01 21:31:33 +02:00
|
|
|
/**
|
|
|
|
* @provides phabricator-nav-view-css
|
|
|
|
*/
|
|
|
|
|
|
|
|
.jx-drag-col {
|
|
|
|
cursor: col-resize;
|
|
|
|
}
|
|
|
|
|
2013-01-16 00:41:22 +01:00
|
|
|
.phabricator-nav {
|
|
|
|
/* Force top margins in page content not to collapse with the top margin of
|
|
|
|
the navigation container by giving it padding. Then put it in the right
|
|
|
|
position by undoing the padding with a margin. */
|
|
|
|
padding-top: 1px;
|
|
|
|
margin-top: -1px;
|
|
|
|
}
|
|
|
|
|
2012-12-15 00:14:14 +01:00
|
|
|
.phabricator-nav-column-background {
|
2012-08-01 21:31:33 +02:00
|
|
|
position: fixed;
|
2012-12-15 00:14:14 +01:00
|
|
|
top: 0;
|
2012-08-01 21:31:33 +02:00
|
|
|
left: 0;
|
2013-03-22 20:09:10 +01:00
|
|
|
/* On the iPhone, scrolling down causes the revealed area to fill with white,
|
|
|
|
then draw with the texture after the action completes. Just make the
|
|
|
|
element extend off the bottom of the screen to prevent this. */
|
|
|
|
bottom: -480px;
|
2013-01-14 22:40:51 +01:00
|
|
|
width: 205px;
|
2013-05-17 18:58:37 +02:00
|
|
|
background: #303539;
|
|
|
|
box-shadow: inset -3px 0 3px rgba(0, 0, 0, 0.5);
|
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
|
|
|
.phabricator-nav-column-background,
|
|
|
|
.phabricator-nav-local,
|
|
|
|
.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-column-background,
|
|
|
|
.device-desktop .has-local-nav .phabricator-nav-local,
|
|
|
|
.device-desktop .has-local-nav .phabricator-nav-drag {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
2013-03-22 19:50:30 +01:00
|
|
|
.device .phabricator-side-menu-home .phabricator-nav-column-background,
|
|
|
|
.device .phabricator-side-menu-home .phabricator-nav-local {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
2012-12-15 00:14:14 +01:00
|
|
|
.phabricator-nav-local {
|
2013-01-14 22:40:51 +01:00
|
|
|
width: 205px;
|
2012-12-15 00:14:14 +01:00
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
2012-12-15 15:39:33 +01:00
|
|
|
white-space: nowrap;
|
2012-12-15 00:14:14 +01:00
|
|
|
|
|
|
|
overflow-x: hidden;
|
|
|
|
overflow-y: auto;
|
|
|
|
}
|
|
|
|
|
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;
|
2013-01-15 23:28:13 +01:00
|
|
|
left: 205px;
|
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;
|
|
|
|
|
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
|
|
|
box-shadow: inset -1px 0px 1px rgba(0, 0, 0, 0.15);
|
2012-08-01 21:31:33 +02:00
|
|
|
|
|
|
|
background-image: url(/rsrc/image/divot.png);
|
|
|
|
background-position: center;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
}
|
|
|
|
|
2013-01-15 23:28:13 +01:00
|
|
|
.device-desktop .phabricator-standard-page-body .has-drag-nav .phabricator-nav-content {
|
|
|
|
margin-left: 212px;
|
|
|
|
}
|
|
|
|
|
2012-08-31 03:58:59 +02:00
|
|
|
.device-desktop .has-local-nav .phabricator-nav-content {
|
2013-01-14 22:40:51 +01:00
|
|
|
margin-left: 205px;
|
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
|
|
|
|
|
|
|
.phabricator-side-menu-home .phabricator-nav-column-background,
|
|
|
|
.phabricator-side-menu-home .phabricator-nav-local {
|
2013-01-22 18:06:57 +01:00
|
|
|
width: 240px;
|
2013-01-16 00:41:22 +01:00
|
|
|
}
|
|
|
|
|
2013-03-22 19:50:30 +01:00
|
|
|
.device-desktop .phabricator-side-menu-home .phabricator-nav-content,
|
|
|
|
.device-tablet .phabricator-side-menu-home .phabricator-nav-content {
|
2013-01-22 18:06:57 +01:00
|
|
|
margin-left: 240px;
|
|
|
|
}
|
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-column-background,
|
|
|
|
.device-phone .phabricator-side-menu-home .phabricator-nav-local {
|
|
|
|
width: 100%;
|
|
|
|
}
|