1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-23 23:32:40 +01:00
phorge-phorge/webroot/rsrc/css/application/differential/results-table.css
Chad Little 5ce6ca2768 Fix mobile CSS for lint/unit results table
Summary: Removes nowrap when on mobile devices.

Test Plan: Test Lint/Unit layout on mobile and table layouts

Reviewers: epriestley, btrahan

Reviewed By: btrahan

Subscribers: epriestley, Korvin

Differential Revision: https://secure.phabricator.com/D10608
2014-09-30 09:47:54 -07:00

78 lines
1.7 KiB
CSS

/**
* @provides differential-results-table-css
*/
table.differential-results-table {
border-collapse: separate;
width: 96%;
font-size: 11px;
}
.differential-results-table th {
text-align: center;
white-space: nowrap;
vertical-align: middle;
padding: 2px 4px;
width: 50px;
border-right: 1px solid #fff;
background: #f7f7f7;
}
.device .differential-results-table th {
white-space: normal;
}
.differential-results-table td {
padding: 0 8px;
margin: 0;
vertical-align: middle;
background: #f7f7f7;
}
.differential-results-table tr.differential-results-row-star th,
.differential-results-table tr.differential-results-row-star td {
background: {$greybackground};
}
.differential-results-table tr.differential-results-row-section th {
padding-top: 4px;
text-align: left;
}
.differential-results-table tr.differential-results-row-excuse th {
background: #3399ff;
}
.differential-results-table tr.differential-results-row-excuse td {
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
}
.differential-results-table tr.differential-results-row-red th {
background: #ff4422;
}
.differential-results-table tr.differential-results-row-yellow th {
background: #ffdd66;
}
.differential-results-table tr.differential-results-row-green th {
background: #22dd44;
}
.differential-results-table tr.differential-results-row-blue th {
background: #88bbff;
}
.differential-results-table tr.differential-results-row-details td {
color: {$lightgreytext};
}
.differential-results-table tr.differential-results-row-show th {
border-top: 1px solid #fff;
border-right: none;
padding: 2px;
color: {$bluetext};
background: {$greybackground};
}