mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-23 15:22:41 +01:00
c453e98c40
Summary: Removes many tables and uses PropertyLists and ObjectItemList when possible. Adds cleaner CSS, makes mobile editing more possible. Test Plan: Test new UI on desktop and mobile. Verify all functionality still exists. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T4272 Differential Revision: https://secure.phabricator.com/D8860
85 lines
1.3 KiB
CSS
85 lines
1.3 KiB
CSS
/**
|
|
* @provides herald-test-css
|
|
*/
|
|
|
|
ul.herald-explain-list {
|
|
margin: 12px;
|
|
}
|
|
|
|
div.herald-condition-note {
|
|
clear: both;
|
|
margin: .5em 0em .53em 86px;
|
|
padding: .5em 1em;
|
|
background: #FFFF00;
|
|
font-weight: bold;
|
|
}
|
|
|
|
ul.herald-explain-list .herald-outcome {
|
|
margin-right: 6px;
|
|
width: 50px;
|
|
text-align: center;
|
|
position: relative;
|
|
float: left;
|
|
font-weight: bold;
|
|
padding: 1px 2px;
|
|
}
|
|
|
|
ul.herald-explain-list .condition-fail,
|
|
ul.herald-explain-list .rule-fail {
|
|
color: {$red};
|
|
}
|
|
|
|
ul.herald-explain-list .condition-pass,
|
|
ul.herald-explain-list .rule-pass {
|
|
color: {$green};
|
|
}
|
|
|
|
ul.herald-explain-list li.herald-rule-pass,
|
|
ul.herald-explain-list li.herald-rule-fail {
|
|
margin: 0 0 8px;
|
|
}
|
|
|
|
ul.herald-explain-list div.rule-name {
|
|
padding: 4px 0 8px 0;
|
|
}
|
|
|
|
ul.herald-explain-list li.herald-rule-fail,
|
|
ul.herald-explain-list li.herald-rule-pass {
|
|
background: #ffffff;
|
|
}
|
|
|
|
ul.herald-explain-list ul {
|
|
margin: 4px;
|
|
}
|
|
|
|
ul.herald-explain-list ul li {
|
|
padding: 2px 0;
|
|
}
|
|
|
|
.outcome-failure,
|
|
.outcome-success {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.outcome-failure {
|
|
color: {$red};
|
|
}
|
|
|
|
.outcome-success {
|
|
color: {$green};
|
|
}
|
|
|
|
.action-header {
|
|
font-weight: bold;
|
|
padding-top: 12px;
|
|
border-bottom: 1px solid {$thinblueborder};
|
|
}
|
|
|
|
textarea.herald-field-value-transcript {
|
|
width: 100%;
|
|
height: 10em;
|
|
}
|
|
|
|
.condition-test-value {
|
|
color: {$greytext};
|
|
}
|