mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-22 14:52:41 +01:00
a7b472284b
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
132 lines
3.2 KiB
CSS
132 lines
3.2 KiB
CSS
/**
|
|
* @provides phui-basic-nav-view-css
|
|
*/
|
|
|
|
.device-desktop .phui-navigation-shell,
|
|
.phabricator-home.device .phui-navigation-shell {
|
|
display: table;
|
|
width: 100%;
|
|
height: calc(100vh - {$menu.main.height});
|
|
}
|
|
|
|
.device-desktop .phui-navigation-shell .phabricator-nav,
|
|
.phabricator-home.device .phui-navigation-shell .phabricator-nav {
|
|
display: table-row;
|
|
}
|
|
|
|
.device-desktop .phui-navigation-shell .phabricator-nav-local,
|
|
.phabricator-home.device .phui-navigation-shell .phabricator-nav-local {
|
|
display: table-cell;
|
|
position: relative;
|
|
vertical-align: top;
|
|
margin-top: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.phabricator-home.device-phone .phui-navigation-shell .phabricator-nav-local {
|
|
display: none;
|
|
}
|
|
|
|
.device-phone.phabricator-home .phui-basic-nav .phabricator-side-menu
|
|
.phui-list-item-selected {
|
|
background-color: transparent;
|
|
border-left-color: transparent;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.phui-basic-nav.phui-navigation-shell .phabricator-nav-local {
|
|
width: 205px;
|
|
max-width: 205px;
|
|
padding-top: 12px;
|
|
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 {
|
|
background-color: {$page.content};
|
|
}
|
|
|
|
.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;
|
|
padding: 6px 8px 6px 12px;
|
|
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: -8px;
|
|
text-align: center;
|
|
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;
|
|
}
|
|
|
|
.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 {
|
|
background-color: rgba({$alphablack},.05);
|
|
}
|
|
|
|
.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;
|
|
letter-spacing: 0.02em;
|
|
}
|
|
|
|
.device-desktop .phui-basic-nav .phabricator-side-menu
|
|
a.phui-list-item-href:hover {
|
|
text-decoration: none;
|
|
background-color: rgba({$alphablack},.07);
|
|
}
|
|
|
|
.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;
|
|
}
|