revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2025-01-23 21:18:19 +01:00
Code Issues Releases Wiki Activity
phorge-phorge/webroot/rsrc/css/layout/phabricator-side-menu-view.css

59 lines
1.3 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 13:33:03 -08: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 08:41:43 -07: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 13:33:03 -08:00
display: block;
white-space: nowrap;
text-decoration: none;
font-size: 13px;
}
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 08:41:43 -07: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 13:40:51 -08:00
padding: 6px 8px 6px 24px;
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 09:58:37 -07:00
color: #e1e2e5;
text-shadow: rgba(0, 0, 0, 1) 0px 1px 1px;
}
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 08:41:43 -07:00
.phabricator-side-menu .phui-list-item-selected,
.device-desktop .phui-side-menu
.phui-list-item-selected.phui-list-item-href:hover {
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 09:58:37 -07:00
background-color: #305c85;
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 13:40:51 -08:00
color: #fff;
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 13:33:03 -08: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 08:41:43 -07: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 13:40:51 -08:00
padding: 6px 8px 4px 12px;
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 09:58:37 -07:00
color: #f7f7f7;
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 13:33:03 -08:00
text-transform: uppercase;
Update Form Layouts Summary: This attempts some consistency in form layouts. Notably, they all now contain headers and are 16px off the sides and tops of pages. Also updated dialogs to the same look and feel. I think I got 98% of forms with this pass, but it's likely I missed some buried somewhere. TODO: will take another pass as consolidating these colors and new gradients in another diff. Test Plan: Played in my sandbox all week. Please play with it too and let me know how they feel. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6806
2013-08-26 11:53:11 -07:00
font-size: 11px;
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 13:40:51 -08:00
font-weight: bold;
border-style: solid;
Set background colors. Summary: Set background colors similar to the background images so slow page loads look nicer. Test Plan: Reload page. Reviewers: epriestley, btrahan, codeblock Reviewed By: codeblock CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D4459
2013-01-15 20:07:53 -08:00
background-color: #000;
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 13:33:03 -08: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 08:41:43 -07:00
.phabricator-dark-menu .phui-list-item-type-button,
.phabricator-side-menu .phui-list-item-type-button {
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 10:20:17 -08:00
width: 50%;
padding: 5px 8px;
display: block;
border-radius: 4px;
border: 2px solid #000;
margin: 10px auto;
color: #fff;
font-size: 14px;
text-shadow: 0px 1px 1px #000000;
font-weight: bold;
text-align: center;
}
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 08:41:43 -07:00
.phabricator-side-menu .phui-list-item-type-button:hover {
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 09:58:37 -07:00
background-color: #1e2225;
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 10:20:17 -08: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 08:41:43 -07: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 13:33:03 -08:00
text-decoration: none;
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 09:58:37 -07:00
background-color: #1e2225;
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 13:33:03 -08:00
}
Copy permalink