mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-25 06:50:55 +01:00
af7c92f2c6
Summary:
This is a full UI pass at a cleaner "Config" application. The main idea is to simplify the UI, center it, and have a different feel than other UI, a sort of "manage" UI theme for objects with loads of settings. Also adds a new minimalistic "WHITE_CONFIG" box type which may get re-used in Diffusion settings. This is a 90% pass, I'll have a few follow up diffs. Specifically:
- Build breadcrumbs as a flexible UI to go into headers.
- One click ObjectItemView option, for hover states.
- Sidenav doesn't always select (AphrontFilter issue)
- Mobile touchups, though it's pretty reasonable.
Test Plan:
Click through every page here, edit options, see new navigation UI. Test a few various setup issue layouts including fatals.
{F5163228}
{F5163229}
{F5163230}
{F5163231}
{F5163232}
{F5163233}
{F5163234}
Reviewers: epriestley
Reviewed By: epriestley
Spies: Korvin, epriestley
Differential Revision: https://secure.phabricator.com/D18519
61 lines
1.1 KiB
CSS
61 lines
1.1 KiB
CSS
/**
|
|
* @provides phui-oi-big-ui-css
|
|
* @requires phui-oi-list-view-css
|
|
*/
|
|
|
|
.phui-oi-list-big ul.phui-oi-list-view {
|
|
margin: 0;
|
|
padding: 20px;
|
|
}
|
|
|
|
.phui-oi-list-big .phui-oi-no-bar .phui-oi-frame {
|
|
border: 0;
|
|
}
|
|
|
|
.phui-oi-list-big .phui-oi-image-icon {
|
|
margin: 8px 2px 12px;
|
|
}
|
|
|
|
.phui-oi-list-big a.phui-oi-link {
|
|
color: {$blacktext};
|
|
font-size: {$biggestfontsize};
|
|
}
|
|
|
|
.phui-oi-list-big .phui-oi-name {
|
|
padding-top: 6px;
|
|
}
|
|
|
|
.phui-oi-list-big .phui-oi-launch-button a.button {
|
|
font-size: {$normalfontsize};
|
|
padding: 3px 12px 4px;
|
|
}
|
|
|
|
.device-desktop .phui-oi-list-big .phui-oi {
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.phui-oi-list-big .phui-oi-col0 {
|
|
vertical-align: top;
|
|
padding: 0;
|
|
}
|
|
|
|
.phui-oi-list-big .phui-oi-status-icon {
|
|
padding: 5px;
|
|
}
|
|
|
|
.phui-oi-list-big .phui-oi-visited a.phui-oi-link {
|
|
color: {$violet};
|
|
}
|
|
|
|
.phui-box-white-config .phui-oi-list-big.phui-oi-list-view {
|
|
padding: 8px 8px 4px;
|
|
}
|
|
|
|
.phui-box-white-config .phui-oi-frame {
|
|
padding: 4px 8px 0;
|
|
}
|
|
|
|
.device-desktop .phui-box-white-config .phui-oi:hover .phui-oi-frame {
|
|
background-color: {$hoverblue};
|
|
border-radius: 3px;
|
|
}
|