mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-10 08:52:39 +01:00
3c5756adf9
Summary: Two basic changes here, first we fixed up the Diffusion headers to roll out more PHUIObjectBoxes. Second we added some specific styles for when Errors are inside an ObjectBox at the first position. Test Plan: Tested a number of different layouts for browsing respositories as well as wherever I could find cases with PHUIObjectBox Form Errors (see images attached). Still some minor tightening due after this diff, but didnt want to overload it. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D7914
82 lines
1.4 KiB
CSS
82 lines
1.4 KiB
CSS
/**
|
|
* @provides aphront-error-view-css
|
|
*/
|
|
|
|
.aphront-error-view,
|
|
.aphront-error-view-dialogue {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
|
|
form.aphront-dialog-view .aphront-error-view {
|
|
margin: 8px 0;
|
|
}
|
|
|
|
.aphront-error-view {
|
|
margin: 16px;
|
|
}
|
|
.aphront-error-view-dialogue {
|
|
margin: 0 0 16px 0;
|
|
}
|
|
|
|
.device-phone .aphront-error-view {
|
|
margin: 8px;
|
|
}
|
|
|
|
.aphront-error-view-body {
|
|
padding: 12px;
|
|
}
|
|
|
|
.aphront-panel-plain .aphront-error-view {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
h1.aphront-error-view-head {
|
|
padding: 12px 8px 0 12px;
|
|
font-weight: bold;
|
|
font-size: 15px;
|
|
color: {$darkgreytext};
|
|
}
|
|
|
|
.aphront-error-view-list {
|
|
margin: 0 0 0 16px;
|
|
list-style: disc;
|
|
}
|
|
|
|
.aphront-error-severity-error {
|
|
color: {$red};
|
|
border-color: {$red};
|
|
background: {$lightred};
|
|
}
|
|
|
|
.aphront-error-severity-error .aphront-error-view-head {
|
|
color: {$red};
|
|
}
|
|
|
|
.aphront-error-severity-warning {
|
|
color: #bc7837;
|
|
border-color: {$yellow};
|
|
background: {$lightyellow};
|
|
}
|
|
|
|
.aphront-error-severity-warning .aphront-error-view-head {
|
|
color: #bc7837;
|
|
}
|
|
|
|
.aphront-error-severity-notice {
|
|
color: {$blue};
|
|
border-color: {$blue};
|
|
background: {$lightblue};
|
|
}
|
|
|
|
.aphront-error-severity-notice .aphront-error-view-head {
|
|
color: {$blue};
|
|
}
|
|
|
|
.aphront-error-severity-nodata {
|
|
border-color: {$lightgreyborder};
|
|
border-bottom: 1px solid {$greyborder};
|
|
color: {$greytext};
|
|
background-color: #fff;
|
|
}
|