revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-01 19:22:42 +01:00
Code Issues Releases Wiki Activity
phorge-phorge/webroot/rsrc/css/phui/phui-basic-nav-view.css

133 lines
3.2 KiB
CSS
Raw Normal View History

Redesign Application Search Summary: This moves aphront-side-nav to use same table css display as profile nav. Slightly less code to support. Cleans up AppSearch UI, think I've gotten all the edge cases here, but bang on it, can hold until after release cut. Test Plan: Config, Maniphest, Differential, Diffusion, Home. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16346
2016-08-01 21:06:35 +02:00
/**
* @provides phui-basic-nav-view-css
*/
Clean up some tablet issues with new nav layouts Summary: Makes sidenav disappear again on projects/profiles, but shows it on home again (tablet views). Test Plan: Visit Profile/Projects/Home on mobile, desktop, and tablet. See nav disappear correctly. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16369
2016-08-04 22:49:16 +02:00
.device-desktop .phui-navigation-shell,
Revert "Clean up more Quicksand" Summary: This reverts commit 5eb4bc6ca960aa0eafaa25591baea102ff4e034b. Test Plan: Reload homepage, no scrollbars Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16645
2016-10-01 21:35:13 +02:00
.phabricator-home.device .phui-navigation-shell {
Redesign Application Search Summary: This moves aphront-side-nav to use same table css display as profile nav. Slightly less code to support. Cleans up AppSearch UI, think I've gotten all the edge cases here, but bang on it, can hold until after release cut. Test Plan: Config, Maniphest, Differential, Diffusion, Home. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16346
2016-08-01 21:06:35 +02:00
display: table;
width: 100%;
height: calc(100vh - {$menu.main.height});
}
Clean up some tablet issues with new nav layouts Summary: Makes sidenav disappear again on projects/profiles, but shows it on home again (tablet views). Test Plan: Visit Profile/Projects/Home on mobile, desktop, and tablet. See nav disappear correctly. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16369
2016-08-04 22:49:16 +02:00
.device-desktop .phui-navigation-shell .phabricator-nav,
Revert "Clean up more Quicksand" Summary: This reverts commit 5eb4bc6ca960aa0eafaa25591baea102ff4e034b. Test Plan: Reload homepage, no scrollbars Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16645
2016-10-01 21:35:13 +02:00
.phabricator-home.device .phui-navigation-shell .phabricator-nav {
Redesign Application Search Summary: This moves aphront-side-nav to use same table css display as profile nav. Slightly less code to support. Cleans up AppSearch UI, think I've gotten all the edge cases here, but bang on it, can hold until after release cut. Test Plan: Config, Maniphest, Differential, Diffusion, Home. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16346
2016-08-01 21:06:35 +02:00
display: table-row;
}
Clean up some tablet issues with new nav layouts Summary: Makes sidenav disappear again on projects/profiles, but shows it on home again (tablet views). Test Plan: Visit Profile/Projects/Home on mobile, desktop, and tablet. See nav disappear correctly. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16369
2016-08-04 22:49:16 +02:00
.device-desktop .phui-navigation-shell .phabricator-nav-local,
Revert "Clean up more Quicksand" Summary: This reverts commit 5eb4bc6ca960aa0eafaa25591baea102ff4e034b. Test Plan: Reload homepage, no scrollbars Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16645
2016-10-01 21:35:13 +02:00
.phabricator-home.device .phui-navigation-shell .phabricator-nav-local {
Redesign Application Search Summary: This moves aphront-side-nav to use same table css display as profile nav. Slightly less code to support. Cleans up AppSearch UI, think I've gotten all the edge cases here, but bang on it, can hold until after release cut. Test Plan: Config, Maniphest, Differential, Diffusion, Home. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16346
2016-08-01 21:06:35 +02:00
display: table-cell;
position: relative;
vertical-align: top;
margin-top: 0;
overflow: hidden;
}
Mobile: show Homepage contents and avoid duplicate menus Summary: After this change, the Homepage finally shows contents on Mobile, instead of just showing the sidebar menu twice. Closes T15216 Test Plan: To test this change in general: - resize the window horizontally and enjoy I tested it in: - tested homepage of Phorge - Audit - tested homepage of Audit - Auth - tested Auth homepage - tested Login page - tested Forgot your password page - Config - tested Config homepage - tested page Core Settings - tested page Unresolved Setup Issues - (Services) - tested page Database Status - tested page Cache Status - tested page Notification Servers - tested page Repository Services - tested page Search Servers - (Extensions/Modules) - tested page Constants: Differential - tested page Content Sources - Conpherence - tested open-close menu - tested persistent chat - tested Rooms list - tested single Chat - Dashboards - tested general homepage of Dashboards - tested specific Dashboard - view page - tested specific Dashboard - edit page - Differential - tested general homepage of Differential - tested Create Diff page - Diffusion - tested general homepage of Diffusion - tested specific Diffusion repository - view page - tested specific Diffusion repository - Manage page - tested specific Diffusion repository - Policy page - tested specific Diffusion repository - Automation page - tested specific commit page - view page - tested specific commit page - Edit Commit - Diviner - tested general homepage of Diviner - tested specific Diviner book - tested list of technical Classes - tested specific technical Class - tested search of All Atoms - Feed - tested Feed homepage ("All Stories") - tested specific feed - view page - Files - tested general homepage of Files - tested specific File - view page - tested specific File - Edit File - tested Award Token popup - tested Flag for Later - tested View Transforms - Form Engine - tested View Forms Configurations page - tested specific View Form Configuration - tested Use Form - Maniphest - tested general homepage of Maniphest - tested specific Maniphest Task - view page - tested specific Maniphest Task - Edit mode - tested specific Maniphest Task - Award Token popup - Menu - tested page Configure Menu - tested page Personal Menu Items - tested page Global Menu Items - Notifications - tested open action - tested close action - tested click action - People - tested general homepage of People - tested specific User - view page - tested specific User - Settings page - home - tested specific User - Settings page - Date & Time - tested specific User - Settings page - External Editor - tested specific User - Settings page - External Editor - tested specific User - Settings page - SSH Public Keys - tested specific User - Settings page - SSH Public Keys - upload popup - tested specific User - Settings page - SSH Public Keys - view history - Pholio - tested general homepage of Pholio - tested Create a Mock page - tested specific Pholio - view - tested specific Pholio - Edit page - tested specific Pholio - Award Token popup - tested specific Pholio - Edit Related Tasks popup - tested specific Pholio - add a Comment - Phriction - tested specific page of Phriction - view - tested specific page of Phriction - Create Page popup - tested specific page of Phriction - Create Page dedicated page - tested specific page of Phriction - Edit Page - tested specific page of Phriction - Award Token popup - Project - tested general homepage of Projects - tested Create Project page - Search - tested search results All Results - tested Advanced Search page - TOTP - tested input screen - Workboard - tested specific Workboard - tested Create Task popup - tested Add Column popup - tested Manage Workboard page - tested Edit Details page - test Flag for Later popup - test Edit Picture page Reviewers: O1 Blessed Committers, Cigaryno, speck Reviewed By: O1 Blessed Committers, Cigaryno, speck Subscribers: avivey, speck, tobiaswiese, Matthew, Cigaryno Tags: #mobile, #ux Maniphest Tasks: T15216 Differential Revision: https://we.phorge.it/D25107
2023-04-09 22:47:43 +02:00
.phabricator-home.device-phone .phui-navigation-shell .phabricator-nav-local {
Redesign Home/Profile/Projects side navigation Summary: Ref T11957. Needs some more polish, but I think everything here is square. Test Plan: Add personal/global items to home, test mobile. Test workboards / colors. Reviewers: epriestley Reviewed By: epriestley Subscribers: 20after4, rfreebern, Korvin Maniphest Tasks: T11957 Differential Revision: https://secure.phabricator.com/D17259
2017-01-31 17:58:33 +01:00
display: none;
}
Unselect "home" on mobile css Summary: Ref T12174. Removed selected state CSS on mobile devices. Test Plan: Set Chrome to responsive and check each break point. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T12174 Differential Revision: https://secure.phabricator.com/D17292
2017-02-01 23:18:43 +01:00
.device-phone.phabricator-home .phui-basic-nav .phabricator-side-menu
.phui-list-item-selected {
background-color: transparent;
border-left-color: transparent;
font-weight: normal;
}
Redesign Application Search Summary: This moves aphront-side-nav to use same table css display as profile nav. Slightly less code to support. Cleans up AppSearch UI, think I've gotten all the edge cases here, but bang on it, can hold until after release cut. Test Plan: Config, Maniphest, Differential, Diffusion, Home. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16346
2016-08-01 21:06:35 +02:00
.phui-basic-nav.phui-navigation-shell .phabricator-nav-local {
width: 205px;
Add some max-width to basic-nav Summary: Fixes T12214. Adds a max-width Test Plan: Tested on Home, Projects, Appsearch Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T12214 Differential Revision: https://secure.phabricator.com/D17318
2017-02-06 17:54:55 +01:00
max-width: 205px;
Redesign Home/Profile/Projects side navigation Summary: Ref T11957. Needs some more polish, but I think everything here is square. Test Plan: Add personal/global items to home, test mobile. Test workboards / colors. Reviewers: epriestley Reviewed By: epriestley Subscribers: 20after4, rfreebern, Korvin Maniphest Tasks: T11957 Differential Revision: https://secure.phabricator.com/D17259
2017-01-31 17:58:33 +01:00
padding-top: 12px;
Redesign Application Search Summary: This moves aphront-side-nav to use same table css display as profile nav. Slightly less code to support. Cleans up AppSearch UI, think I've gotten all the edge cases here, but bang on it, can hold until after release cut. Test Plan: Config, Maniphest, Differential, Diffusion, Home. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16346
2016-08-01 21:06:35 +02:00
padding-right: 8px;
}
.phui-two-column-view .phui-basic-nav.phui-navigation-shell
.phabricator-nav-local {
padding-right: 0;
padding-top: 0;
}
.phui-two-column-view .phui-basic-nav .phabricator-side-menu {
Lots of little fixes for Dark Mode (Experimental) Summary: Cleans up a bunch of Differential odd/special colors. Adds some basic "highlight" colors instead of pure yellow. Test Plan: Test each color change in normal and dark modes. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D18239
2017-07-19 23:38:55 +02:00
background-color: {$page.content};
Redesign Application Search Summary: This moves aphront-side-nav to use same table css display as profile nav. Slightly less code to support. Cleans up AppSearch UI, think I've gotten all the edge cases here, but bang on it, can hold until after release cut. Test Plan: Config, Maniphest, Differential, Diffusion, Home. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16346
2016-08-01 21:06:35 +02:00
}
.phui-basic-nav .phabricator-side-menu {
background-color: {$page.sidenav};
}
.phui-basic-nav .phabricator-side-menu .phui-list-item-view {
display: block;
white-space: nowrap;
text-decoration: none;
-webkit-font-smoothing: antialiased;
}
.phui-basic-nav .phabricator-side-menu .phui-list-item-href {
display: block;
Align sidenavs better, use sky to highlight Summary: Simplifies the UI here by removing various borders, instead using just background colors and better alignment. Test Plan: Test instances, settings, home, projects, workboards. Reviewers: epriestley Reviewed By: epriestley Spies: Korvin Differential Revision: https://secure.phabricator.com/D18488
2017-08-29 01:07:22 +02:00
padding: 6px 8px 6px 12px;
Redesign Application Search Summary: This moves aphront-side-nav to use same table css display as profile nav. Slightly less code to support. Cleans up AppSearch UI, think I've gotten all the edge cases here, but bang on it, can hold until after release cut. Test Plan: Config, Maniphest, Differential, Diffusion, Home. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16346
2016-08-01 21:06:35 +02:00
color: {$darkbluetext};
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
overflow: hidden;
text-overflow: ellipsis
}
.phui-basic-nav .phabricator-side-menu .phui-list-item-icon {
Align sidenavs better, use sky to highlight Summary: Simplifies the UI here by removing various borders, instead using just background colors and better alignment. Test Plan: Test instances, settings, home, projects, workboards. Reviewers: epriestley Reviewed By: epriestley Spies: Korvin Differential Revision: https://secure.phabricator.com/D18488
2017-08-29 01:07:22 +02:00
margin-left: -8px;
Redesign Application Search Summary: This moves aphront-side-nav to use same table css display as profile nav. Slightly less code to support. Cleans up AppSearch UI, think I've gotten all the edge cases here, but bang on it, can hold until after release cut. Test Plan: Config, Maniphest, Differential, Diffusion, Home. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16346
2016-08-01 21:06:35 +02:00
text-align: center;
Redesign Home/Profile/Projects side navigation Summary: Ref T11957. Needs some more polish, but I think everything here is square. Test Plan: Add personal/global items to home, test mobile. Test workboards / colors. Reviewers: epriestley Reviewed By: epriestley Subscribers: 20after4, rfreebern, Korvin Maniphest Tasks: T11957 Differential Revision: https://secure.phabricator.com/D17259
2017-01-31 17:58:33 +01:00
width: 30px;
}
.phui-basic-nav .phabricator-side-menu .phui-divider {
border-bottom: 1px solid rgba({$alphablack},.08);
margin: 0 0 8px 8px;
padding: 8px 0 0 0;
}
.phui-basic-nav .phabricator-side-menu .phui-list-item-icon.phuihead-small {
display: inline-block;
height: 16px;
width: 16px;
border-radius: 3px;
background-size: 100%;
margin: -2px 7px -2px 3px;
Redesign Application Search Summary: This moves aphront-side-nav to use same table css display as profile nav. Slightly less code to support. Cleans up AppSearch UI, think I've gotten all the edge cases here, but bang on it, can hold until after release cut. Test Plan: Config, Maniphest, Differential, Diffusion, Home. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16346
2016-08-01 21:06:35 +02:00
}
.phui-basic-nav .phabricator-side-menu .phui-list-item-selected {
background-color: rgba({$alphablack},.05);
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
font-weight: bold;
}
.device-desktop .phui-basic-nav .phabricator-side-menu
.phui-list-item-selected
a.phui-list-item-href:hover {
Align sidenavs better, use sky to highlight Summary: Simplifies the UI here by removing various borders, instead using just background colors and better alignment. Test Plan: Test instances, settings, home, projects, workboards. Reviewers: epriestley Reviewed By: epriestley Spies: Korvin Differential Revision: https://secure.phabricator.com/D18488
2017-08-29 01:07:22 +02:00
background-color: rgba({$alphablack},.05);
Redesign Application Search Summary: This moves aphront-side-nav to use same table css display as profile nav. Slightly less code to support. Cleans up AppSearch UI, think I've gotten all the edge cases here, but bang on it, can hold until after release cut. Test Plan: Config, Maniphest, Differential, Diffusion, Home. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16346
2016-08-01 21:06:35 +02:00
}
.phui-basic-nav .phabricator-side-menu .phui-list-item-type-label {
padding: 6px 8px 4px 12px;
color: {$darkbluetext};
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
border-style: solid;
Align sidenavs better, use sky to highlight Summary: Simplifies the UI here by removing various borders, instead using just background colors and better alignment. Test Plan: Test instances, settings, home, projects, workboards. Reviewers: epriestley Reviewed By: epriestley Spies: Korvin Differential Revision: https://secure.phabricator.com/D18488
2017-08-29 01:07:22 +02:00
letter-spacing: 0.02em;
Redesign Application Search Summary: This moves aphront-side-nav to use same table css display as profile nav. Slightly less code to support. Cleans up AppSearch UI, think I've gotten all the edge cases here, but bang on it, can hold until after release cut. Test Plan: Config, Maniphest, Differential, Diffusion, Home. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D16346
2016-08-01 21:06:35 +02:00
}
.device-desktop .phui-basic-nav .phabricator-side-menu
a.phui-list-item-href:hover {
text-decoration: none;
background-color: rgba({$alphablack},.07);
}
Redesign Home/Profile/Projects side navigation Summary: Ref T11957. Needs some more polish, but I think everything here is square. Test Plan: Add personal/global items to home, test mobile. Test workboards / colors. Reviewers: epriestley Reviewed By: epriestley Subscribers: 20after4, rfreebern, Korvin Maniphest Tasks: T11957 Differential Revision: https://secure.phabricator.com/D17259
2017-01-31 17:58:33 +01:00
.phui-basic-nav .phabricator-side-menu .phui-list-item-type-link +
.phui-list-item-type-label {
margin-top: 12px;
}
.phui-basic-nav .phui-profile-segment-bar {
padding: 4px 4px 8px 12px;
}
Copy permalink