revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-10 17:02:41 +01:00
Code Issues Releases Wiki Activity
phorge-phorge/webroot/rsrc/css/layout/phabricator-side-menu-view.css

46 lines
1 KiB
CSS
Raw Normal View History

Refactor the main menu in preparation for a mobile application menu Summary: As per discussion, this primes the existing mobile menu / menu button for "phabricator" and "application" menus. Design here is very rough, I'm just trying to get everything laid in functionally first. It's based on `frame_v3.png` but missing a lot of touches. Test Plan: {F26143} {F26144} Reviewers: chad Reviewed By: chad CC: aran Maniphest Tasks: T1960 Differential Revision: https://secure.phabricator.com/D4058
2012-12-07 22:33:03 +01:00
/**
* @provides phabricator-side-menu-view-css
*/
PHUIList, PHUIDocument updates Summary: This diff covers a bit of ground. - PHUIDocumentExample has been added - PHUIDocument has been extended with new features - PhabricatorMenuView is now PHUIListView - PhabricatorMenuItemView is now PHUIItemListView Overall - I think I've gotten all the edges covered here. There is some derpi-ness that we can talk about, comments in the code. Responsive design is missing from the new features on PHUIDocument, will follow up later. Test Plan: Tested mobile and desktop menus, old phriction layout, new document views, new lists, and object lists. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D6130
2013-06-05 17:41:43 +02:00
.phabricator-side-menu .phui-list-item-view {
Refactor the main menu in preparation for a mobile application menu Summary: As per discussion, this primes the existing mobile menu / menu button for "phabricator" and "application" menus. Design here is very rough, I'm just trying to get everything laid in functionally first. It's based on `frame_v3.png` but missing a lot of touches. Test Plan: {F26143} {F26144} Reviewers: chad Reviewed By: chad CC: aran Maniphest Tasks: T1960 Differential Revision: https://secure.phabricator.com/D4058
2012-12-07 22:33:03 +01:00
display: block;
white-space: nowrap;
text-decoration: none;
font-size: 13px;
Redesign sidenav, crumbs
2014-05-25 06:56:45 +02:00
-webkit-font-smoothing: antialiased;
Refactor the main menu in preparation for a mobile application menu Summary: As per discussion, this primes the existing mobile menu / menu button for "phabricator" and "application" menus. Design here is very rough, I'm just trying to get everything laid in functionally first. It's based on `frame_v3.png` but missing a lot of touches. Test Plan: {F26143} {F26144} Reviewers: chad Reviewed By: chad CC: aran Maniphest Tasks: T1960 Differential Revision: https://secure.phabricator.com/D4058
2012-12-07 22:33:03 +01:00
}
PHUIList, PHUIDocument updates Summary: This diff covers a bit of ground. - PHUIDocumentExample has been added - PHUIDocument has been extended with new features - PhabricatorMenuView is now PHUIListView - PhabricatorMenuItemView is now PHUIItemListView Overall - I think I've gotten all the edges covered here. There is some derpi-ness that we can talk about, comments in the code. Responsive design is missing from the new features on PHUIDocument, will follow up later. Test Plan: Tested mobile and desktop menus, old phriction layout, new document views, new lists, and object lists. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D6130
2013-06-05 17:41:43 +02:00
.phabricator-side-menu .phui-list-item-href {
display: block;
Dark sidebar everywhere Summary: First pass at testing out a dark sidebar everywhere. Wanting feedback with real test time before implementing before commiting. Thoughts - Aligns with Mobile, Tablet UI experience. - Creates 'application' feel on Desktop. - Begins to make Phabricator feel like a branded UI. Cons - Probably contensious visually. TODO: - Update diff view sidebar. - Make breadcrumbs appear above content area, not above nav. - Change background texture on crumbs to match table headers. Test Plan: Testing Nav with fellow co-workers. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D4427
2013-01-14 22:40:51 +01:00
padding: 6px 8px 6px 24px;
Redesign sidenav, crumbs
2014-05-25 06:56:45 +02:00
color: {$darkbluetext};
Flatten side nav Summary: Debating removing the textures from the sidenavs, sending this around for comments. Test Plan: Test homepage and various sidenavs, mobile layouts. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D5948
2013-05-17 18:58:37 +02:00
}
[redesign] Hoverselect colors Summary: Builds a consistent 'selected, hover' state slightly darker than selected states. Test Plan: Tested Conpherence, Sidenavs Reviewers: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9345
2014-05-31 06:03:23 +02:00
.phabricator-side-menu .phui-list-item-selected {
More tweaks, Conpherence
2014-05-25 22:18:51 +02:00
background-color: {$hovergrey};
[redesign] Tokens and List Summary: Takes a pass at standardizing spacing and colors for lists and tokens. Test Plan: Tested a lot of lists, policy, timeline, quick create, diffusion. Reviewers: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9325
2014-05-29 05:56:20 +02:00
border-left: 4px solid {$sky};
Redesign sidenav, crumbs
2014-05-25 06:56:45 +02:00
}
[redesign] Hoverselect colors Summary: Builds a consistent 'selected, hover' state slightly darker than selected states. Test Plan: Tested Conpherence, Sidenavs Reviewers: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9345
2014-05-31 06:03:23 +02:00
.device-desktop .phabricator-side-menu .phui-list-item-selected
Minor indentation fixes Summary: Some CSS files are indented inconsistently, with a single space instead of two. Test Plan: N/A Reviewers: #blessed_reviewers, epriestley, chad Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11061
2014-12-30 11:48:53 +01:00
a.phui-list-item-href:hover {
[redesign] Hoverselect colors Summary: Builds a consistent 'selected, hover' state slightly darker than selected states. Test Plan: Tested Conpherence, Sidenavs Reviewers: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9345
2014-05-31 06:03:23 +02:00
background-color: {$hoverselectedgrey};
}
Redesign sidenav, crumbs
2014-05-25 06:56:45 +02:00
.phabricator-side-menu .phui-list-item-selected .phui-list-item-href {
padding-left: 20px;
Refactor the main menu in preparation for a mobile application menu Summary: As per discussion, this primes the existing mobile menu / menu button for "phabricator" and "application" menus. Design here is very rough, I'm just trying to get everything laid in functionally first. It's based on `frame_v3.png` but missing a lot of touches. Test Plan: {F26143} {F26144} Reviewers: chad Reviewed By: chad CC: aran Maniphest Tasks: T1960 Differential Revision: https://secure.phabricator.com/D4058
2012-12-07 22:33:03 +01:00
}
PHUIList, PHUIDocument updates Summary: This diff covers a bit of ground. - PHUIDocumentExample has been added - PHUIDocument has been extended with new features - PhabricatorMenuView is now PHUIListView - PhabricatorMenuItemView is now PHUIItemListView Overall - I think I've gotten all the edges covered here. There is some derpi-ness that we can talk about, comments in the code. Responsive design is missing from the new features on PHUIDocument, will follow up later. Test Plan: Tested mobile and desktop menus, old phriction layout, new document views, new lists, and object lists. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D6130
2013-06-05 17:41:43 +02:00
.phabricator-side-menu .phui-list-item-type-label {
Dark sidebar everywhere Summary: First pass at testing out a dark sidebar everywhere. Wanting feedback with real test time before implementing before commiting. Thoughts - Aligns with Mobile, Tablet UI experience. - Creates 'application' feel on Desktop. - Begins to make Phabricator feel like a branded UI. Cons - Probably contensious visually. TODO: - Update diff view sidebar. - Make breadcrumbs appear above content area, not above nav. - Change background texture on crumbs to match table headers. Test Plan: Testing Nav with fellow co-workers. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D4427
2013-01-14 22:40:51 +01:00
padding: 6px 8px 4px 12px;
Redesign sidenav, crumbs
2014-05-25 06:56:45 +02:00
color: {$darkbluetext};
Refactor the main menu in preparation for a mobile application menu Summary: As per discussion, this primes the existing mobile menu / menu button for "phabricator" and "application" menus. Design here is very rough, I'm just trying to get everything laid in functionally first. It's based on `frame_v3.png` but missing a lot of touches. Test Plan: {F26143} {F26144} Reviewers: chad Reviewed By: chad CC: aran Maniphest Tasks: T1960 Differential Revision: https://secure.phabricator.com/D4058
2012-12-07 22:33:03 +01:00
text-transform: uppercase;
Redesign sidenav, crumbs
2014-05-25 06:56:45 +02:00
font-size: 12px;
Dark sidebar everywhere Summary: First pass at testing out a dark sidebar everywhere. Wanting feedback with real test time before implementing before commiting. Thoughts - Aligns with Mobile, Tablet UI experience. - Creates 'application' feel on Desktop. - Begins to make Phabricator feel like a branded UI. Cons - Probably contensious visually. TODO: - Update diff view sidebar. - Make breadcrumbs appear above content area, not above nav. - Change background texture on crumbs to match table headers. Test Plan: Testing Nav with fellow co-workers. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D4427
2013-01-14 22:40:51 +01:00
font-weight: bold;
border-style: solid;
Allows a button type for menus, used in Conpherence Summary: This adds a new menu item, TYPEBUTTON, for use in Conpherence and maybe others over time. Note I need to add icon support, but I'll make them later tonight. I also changed the front facing names to 'Conversations' which is way more natural. Basically, Pholio has Mocks, Differential has Diffs, Conpherence has Conversations. Test Plan: Tested Conpherence on mobile and desktop. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Maniphest Tasks: T2430 Differential Revision: https://secure.phabricator.com/D4691
2013-01-29 19:20:17 +01:00
}
PHUIList, PHUIDocument updates Summary: This diff covers a bit of ground. - PHUIDocumentExample has been added - PHUIDocument has been extended with new features - PhabricatorMenuView is now PHUIListView - PhabricatorMenuItemView is now PHUIItemListView Overall - I think I've gotten all the edges covered here. There is some derpi-ness that we can talk about, comments in the code. Responsive design is missing from the new features on PHUIDocument, will follow up later. Test Plan: Tested mobile and desktop menus, old phriction layout, new document views, new lists, and object lists. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D6130
2013-06-05 17:41:43 +02:00
.device-desktop .phabricator-side-menu a.phui-list-item-href:hover {
Refactor the main menu in preparation for a mobile application menu Summary: As per discussion, this primes the existing mobile menu / menu button for "phabricator" and "application" menus. Design here is very rough, I'm just trying to get everything laid in functionally first. It's based on `frame_v3.png` but missing a lot of touches. Test Plan: {F26143} {F26144} Reviewers: chad Reviewed By: chad CC: aran Maniphest Tasks: T1960 Differential Revision: https://secure.phabricator.com/D4058
2012-12-07 22:33:03 +01:00
text-decoration: none;
More tweaks, Conpherence
2014-05-25 22:18:51 +02:00
background-color: {$hovergrey};
Refactor the main menu in preparation for a mobile application menu Summary: As per discussion, this primes the existing mobile menu / menu button for "phabricator" and "application" menus. Design here is very rough, I'm just trying to get everything laid in functionally first. It's based on `frame_v3.png` but missing a lot of touches. Test Plan: {F26143} {F26144} Reviewers: chad Reviewed By: chad CC: aran Maniphest Tasks: T1960 Differential Revision: https://secure.phabricator.com/D4058
2012-12-07 22:33:03 +01:00
}
Copy permalink