1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-09-20 17:28:51 +02:00
phorge-phorge/webroot/rsrc/css/aphront/error-view.css
Anh Nhan Nguyen d9f01d6fb7 [Rough Sketch] Differential ObjectItemView Smexyness
Summary:
Tried out `PhabricatorObjectItemView` for Differential. It looks smexy and smooth.

Refs T2014

- Title and Date as Maniphest
- Author in the handle icon
- Bar color reflects revision status (Needs Review, Accepted, Abandoned etc.) @chad looking for non-blue is faster than keeping watch for everything that's not "Closed" in old table form
- Some status information are in footer icons; currently only stale/old status display as well as saved drafts, maybe more in future; these come into my mind:
  - No reviewer warning
  - Push Blocking Priority (T2730)
  - Trivial, fast review guaranteed
  - Sketch / Just looking for advice/help
  - Arcanist Project (T2614)
  - Denote "Public Send-in" (T1476)

{F37662}
{F37663}
{F37664}
{F37665}

Some flaws:

- Date and reviewers on every entry the same?
- No respect for Differential fields (for some reason, every entry appeared the same, so broke it to parts)
- Plenty of (potential) increase in height - advise reducing paging length from 100 to 50 - or just ignore me

Suggestions for the future:

- Expand the meta information regarding revisions; e.g. the various status displays above
- Uh... T2543, T1279, T793, T731 and what else I want for Differential, because they are awesome!
- T793 should be in particular easy appearance-wise, just copy-paste from Maniphest

Test Plan: By looking at it, of course. Verified there are no errors or crashed

Reviewers: epriestley, chad, btrahan, liguobig

Reviewed By: chad

CC: aran, Korvin, edward, nh

Maniphest Tasks: T2014

Differential Revision: https://secure.phabricator.com/D5451

Conflicts:
	src/__celerity_resource_map__.php
2013-07-03 06:10:39 -07:00

81 lines
1.3 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: 20px;
}
.aphront-error-view-dialogue {
margin: 0px 0px 16px 0px;
}
.device-phone .aphront-error-view {
margin: 10px;
}
.aphront-error-view-body {
padding: 10px;
line-height: 1.6em;
}
.aphront-error-view-head {
padding: 10px 10px 0 10px;
font-weight: bold;
color: #333333;
}
.aphront-error-view-list {
margin: 0 0 0 20px;
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: #dfdfdf;
background: #f3f3f3;
color: #666;
}
.make-me-sneeze .aphront-error-severity-nodata {
background: #fff;
border-color: #e6e6e6;
}