mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-06 05:36:13 +01:00
db065e6758
Summary: Feels a little hairy, but should be fine overall. Ups the css specificity enough that it's always displayed the same. The main problem is headers and boxes get put everywhere, and sometimes override each other. Fixes T10757 Test Plan: review a countdown in a phame post and phriction document. Check diviner, phriction for regressions. Reviewers: epriestley, #phacility Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T10757 Differential Revision: https://secure.phabricator.com/D15664
71 lines
1.3 KiB
CSS
71 lines
1.3 KiB
CSS
/**
|
|
* @provides phabricator-countdown-css
|
|
*/
|
|
|
|
.phabricator-timer {
|
|
margin: 16px 16px 0 16px;
|
|
}
|
|
|
|
.device .phabricator-timer {
|
|
margin-left: 12px;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.phabricator-remarkup .phabricator-timer-view {
|
|
max-width: 460px;
|
|
margin: 0 0 12px 0;
|
|
}
|
|
|
|
body .phabricator-timer .countdown-description.phabricator-remarkup {
|
|
border-bottom: 1px solid {$thinblueborder};
|
|
padding: 0 0 16px;
|
|
margin: 0;
|
|
}
|
|
|
|
.phabricator-timer .countdown-description.phabricator-remarkup
|
|
.phabricator-remarkup {
|
|
padding: 0;
|
|
}
|
|
|
|
.device-phone .phabricator-remarkup .phabricator-timer {
|
|
width: auto;
|
|
}
|
|
|
|
.phabricator-timer-table {
|
|
width: 100%;
|
|
margin: 8px 0 0 0;
|
|
}
|
|
|
|
.phabricator-timer-table th {
|
|
text-align: center;
|
|
font-size: {$biggerfontsize};
|
|
color: {$bluetext};
|
|
width: 10%;
|
|
padding: 4px;
|
|
}
|
|
|
|
.phabricator-timer-table td {
|
|
padding: 4px;
|
|
text-align: center;
|
|
font-size: 36px;
|
|
font-weight: bold;
|
|
overflow: hidden;
|
|
line-height: auto;
|
|
height: auto;
|
|
line-height: 44px;
|
|
}
|
|
|
|
.phabricator-timer-table td.phabricator-timer-foot {
|
|
font-size: {$biggerfontsize};
|
|
line-height: 16px;
|
|
border-top: 1px solid {$thinblueborder};
|
|
color: {$bluetext};
|
|
padding: 12px 0;
|
|
border-bottom-right-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
text-align: center;
|
|
}
|
|
|
|
.phabricator-timer-table small {
|
|
color: {$lightgreytext};
|
|
}
|