mirror of
https://we.phorge.it/source/phorge.git
synced 2024-09-20 09:18:48 +02:00
11e84c166a
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
107 lines
2.5 KiB
CSS
107 lines
2.5 KiB
CSS
/**
|
|
* @provides phui-basic-nav-view-css
|
|
*/
|
|
|
|
.device-desktop .phui-navigation-shell {
|
|
display: table;
|
|
width: 100%;
|
|
height: calc(100vh - {$menu.main.height});
|
|
}
|
|
|
|
.device-desktop .phui-navigation-shell .phabricator-nav {
|
|
display: table-row;
|
|
}
|
|
|
|
.device-desktop .phui-navigation-shell .phabricator-nav-local {
|
|
display: table-cell;
|
|
position: relative;
|
|
vertical-align: top;
|
|
width: {$menu.profile.width};
|
|
max-width: {$menu.profile.width};
|
|
margin-top: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.phui-basic-nav.phui-navigation-shell .phabricator-nav-local {
|
|
width: 205px;
|
|
padding-top: 4px;
|
|
padding-right: 8px;
|
|
}
|
|
|
|
.phui-basic-nav .phabricator-side-menu {
|
|
background-color: {$page.sidenav};
|
|
}
|
|
|
|
.phui-two-column-view .phui-basic-nav.phui-navigation-shell
|
|
.phabricator-nav-local {
|
|
width: {$menu.profile.width};
|
|
max-width: {$menu.profile.width};
|
|
padding-right: 0;
|
|
padding-top: 0;
|
|
}
|
|
|
|
.phui-two-column-view .phui-basic-nav .phabricator-side-menu {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.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;
|
|
font-size: 13px;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
.phui-basic-nav .phabricator-side-menu .phui-list-item-href {
|
|
display: block;
|
|
padding: 6px 8px 6px 24px;
|
|
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 {
|
|
margin-left: -12px;
|
|
text-align: center;
|
|
width: 24px;
|
|
}
|
|
|
|
.phui-basic-nav .phabricator-side-menu .phui-list-item-selected {
|
|
background-color: rgba({$alphablack},.05);
|
|
border-left: 4px solid {$sky};
|
|
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 {
|
|
background-color: rgba({$alphablack},.05);
|
|
}
|
|
|
|
.phui-basic-nav .phabricator-side-menu .phui-list-item-selected
|
|
.phui-list-item-href {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.device-desktop .phui-basic-nav .phabricator-side-menu
|
|
a.phui-list-item-href:hover {
|
|
text-decoration: none;
|
|
background-color: rgba({$alphablack},.07);
|
|
}
|