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

133 lines
3.1 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;
}
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
.phabricator-home.device-phone .phabricator-nav-content {
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