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

58 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 22:33:03 +01:00
/**
* @provides phabricator-side-menu-view-css
*/
.phabricator-side-menu .phabricator-menu-item-view {
display: block;
white-space: nowrap;
text-decoration: none;
font-size: 13px;
}
.phabricator-side-menu .phabricator-menu-item-type-link {
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;
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
color: #e1e2e5;
text-shadow: rgba(0, 0, 0, 1) 0px 1px 1px;
}
.phabricator-side-menu .phabricator-menu-item-selected,
.device-desktop .phabricator-side-menu
.phabricator-menu-item-selected.phabricator-menu-item-type-link:hover {
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 22:40:51 +01: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 22:33:03 +01:00
}
.phabricator-side-menu .phabricator-menu-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;
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
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 22:33:03 +01:00
text-transform: uppercase;
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-size: 12px;
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-16 05:07:53 +01: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 22:33:03 +01:00
}
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
.phabricator-dark-menu .phabricator-menu-item-type-button,
.phabricator-side-menu .phabricator-menu-item-type-button {
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;
}
.phabricator-side-menu .phabricator-menu-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 18:58:37 +02: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 19:20:17 +01:00
}
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
.device-desktop .phabricator-side-menu a.phabricator-menu-item-type-link:hover {
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 18:58:37 +02: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 22:33:03 +01:00
}
Copy permalink