mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-30 09:20:58 +01:00
7d4ec48a0e
Summary: I'm looking at beefing up PHUIErrorView for additional use cases as I remove some older AphrontViews. This will likely morph into PHUIInfoView and be a more lightweight version of PHUIObjectBox.
Test Plan:
UIExamples, mobile and desktop layouts. Have actual use cases coming in next diffs (may tweak design more then)
{F311943}
Reviewers: epriestley, btrahan
Reviewed By: btrahan
Subscribers: Korvin, epriestley
Differential Revision: https://secure.phabricator.com/D11849
151 lines
2.7 KiB
CSS
151 lines
2.7 KiB
CSS
/**
|
|
* @provides phui-error-view-css
|
|
*/
|
|
|
|
.phui-error-view {
|
|
border-style: solid;
|
|
border-left-width: 4px;
|
|
}
|
|
|
|
.phui-error-view {
|
|
margin: 16px;
|
|
padding: 12px;
|
|
}
|
|
|
|
.device-phone .phui-error-view {
|
|
margin: 8px;
|
|
}
|
|
|
|
.phui-error-view .phui-form-view {
|
|
padding: 0;
|
|
}
|
|
|
|
.phui-error-view-body {
|
|
line-height: 1.45em;
|
|
}
|
|
|
|
.phui-error-view-actions {
|
|
margin-top: -3px;
|
|
margin-bottom: -4px;
|
|
float: right;
|
|
}
|
|
|
|
.phui-error-view-head + .phui-error-view-body {
|
|
padding-top: 4px;
|
|
}
|
|
|
|
.aphront-panel-plain .phui-error-view {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
h1.phui-error-view-head {
|
|
font-weight: bold;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.phui-error-view-list {
|
|
margin: 0 0 0 16px;
|
|
list-style: disc;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.phui-error-view .phui-error-view-actions .button:hover {
|
|
background: #fff;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.phui-error-severity-error,
|
|
.phui-error-severity-error .button {
|
|
border-color: {$red};
|
|
background: {$lightred};
|
|
}
|
|
|
|
.phui-error-severity-error .button {
|
|
color: {$red};
|
|
}
|
|
|
|
.phui-error-severity-warning,
|
|
.phui-error-severity-warning .button {
|
|
border-color: {$yellow};
|
|
background: {$lightyellow};
|
|
}
|
|
|
|
.phui-error-severity-warning .button {
|
|
color: #bc7837;
|
|
}
|
|
|
|
.phui-error-severity-notice,
|
|
.phui-error-severity-notice .button {
|
|
border-color: {$blue};
|
|
background: {$lightblue};
|
|
}
|
|
|
|
.phui-error-severity-notice .button {
|
|
color: {$blue};
|
|
}
|
|
|
|
.phui-error-severity-nodata,
|
|
.phui-error-severity-nodata .button {
|
|
border-color: {$lightgreyborder};
|
|
background: #fff;
|
|
}
|
|
|
|
.phui-error-severity-nodata .button {
|
|
color: {$greytext};
|
|
}
|
|
|
|
.phui-error-severity-success,
|
|
.phui-error-severity-success .button {
|
|
border-color: {$green};
|
|
background: {$lightgreen};
|
|
}
|
|
|
|
.phui-error-severity-success .button {
|
|
color: {$green};
|
|
}
|
|
|
|
.legalpad .phui-error-view {
|
|
margin: 0;
|
|
border-width: 0 0 1px 0;
|
|
border-bottom: 1px solid {$lightblueborder};
|
|
}
|
|
|
|
.aphront-dialog-body .phui-error-view {
|
|
margin: -16px -16px 16px -16px;
|
|
border-width: 0 0 1px 0;
|
|
border-bottom: 1px solid {$lightblueborder};
|
|
}
|
|
|
|
.aphront-dialog-body .phui-error-view .phui-error-view-list {
|
|
margin: 0 0 0 16px;
|
|
list-style: disc;
|
|
}
|
|
|
|
.phui-object-box .phui-error-severity-error,
|
|
.aphront-dialog-body .phui-error-severity-error {
|
|
color: {$red};
|
|
}
|
|
|
|
.phui-object-box .phui-error-severity-warning,
|
|
.aphront-dialog-body .phui-error-severity-warning {
|
|
color: #bc7837;
|
|
}
|
|
|
|
.phui-object-box .phui-error-severity-notice,
|
|
.aphront-dialog-body .phui-error-severity-notice {
|
|
color: {$blue};
|
|
}
|
|
|
|
.phui-object-box .phui-error-severity-success,
|
|
.aphront-dialog-body .phui-error-severity-success {
|
|
color: {$green};
|
|
}
|
|
|
|
.phui-crumbs-view + .phui-error-view {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.phui-crumbs-view.phui-crumbs-border + .phui-error-view {
|
|
margin-top: 16px;
|
|
}
|