1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-10 17:02:41 +01:00
phorge-phorge/webroot/rsrc/css/application/herald/herald.css
Chad Little c453e98c40 Moderize Herald UI
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
2014-04-27 11:18:48 -07:00

52 lines
756 B
CSS

/**
* @provides herald-css
*/
.herald-action-table,
.herald-condition-table {
margin-top: 8px;
}
.herald-condition-table select {
width: 160px;
}
.device-phone .herald-condition-table select {
width: 90px;
}
.herald-action-table td,
.herald-condition-table td {
padding: 2px 4px;
vertical-align: middle;
}
.herald-condition-table td.value {
width: 100%;
}
.herald-action-table td input,
.herald-condition-table td input {
width: 95%;
max-width: 460px;
padding: 2px 4px;
}
.herald-action-table td.target {
width: 100%;
}
.herald-list-description {
color: {$darkgreytext};
padding: 8px 0;
}
.herald-list-icon {
margin-left: 12px;
margin-right: 2px;
}
.herald-list-item {
padding-bottom: 4px;
color: {$greytext};
}