1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-24 06:20:56 +01:00
phorge-phorge/webroot/rsrc/css/application/diff/inline-comment-summary.css
Chad Little 9708f68e58 Increase CSS specificity on Inline Comment Summary
Summary: Fixes T8354. Adds a class to each `th` and `td` for specificity.

Test Plan: Write a large table as an inline comment, see it wraps property on smaller screens.

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: Korvin, epriestley

Maniphest Tasks: T8354

Differential Revision: https://secure.phabricator.com/D13076
2015-05-31 08:37:18 -07:00

72 lines
1.7 KiB
CSS

/**
* @provides inline-comment-summary-css
*/
.transaction-comment + .phabricator-inline-summary-table {
margin-top: 8px;
}
.phabricator-inline-summary-table {
border-collapse: collapse;
border-style: hidden;
width: 100%;
margin-top: -16px;
}
.phabricator-inline-summary-table .inline-comment-summary-table-header {
font-weight: bold;
padding: 16px 1px 8px;
background: #fff;
color: #000;
border-bottom: 1px solid {$thinblueborder};
}
.phabricator-inline-summary-table .inline-table-dolumn {
padding: 4px 8px;
white-space: nowrap;
color: {$darkbluetext};
background: white;
}
.phabricator-inline-summary-table td.inline-line-number {
padding: 0;
width: 100px;
white-space: nowrap;
background: #F8F9FC;
font-family: "Menlo", "Consolas", monospace;
font-size: 11px;
color: {$bluetext};
border-right: 1px solid {$thinblueborder};
}
.phabricator-inline-summary-table td.inline-which-diff {
color: {$greytext};
width: 120px;
}
.phabricator-inline-summary-table td.inline-summary-content {
vertical-align: top;
white-space: normal;
}
/* NOTE: These two rules provide a larger hit target for clicking line numbers
(by letting you click the entire cell) and a visual indicator that you're on
target (by highlighting the entire cell). */
.phabricator-inline-summary-table td.inline-line-number a.num {
padding: 4px 8px;
display: block;
color: {$bluetext};
}
.phabricator-inline-summary-table td.inline-line-number:hover a.num {
background: rgba(150,150,150,.1);
text-decoration: none;
color: {$darkbluetext};
}
.phui-timeline-core-content .phabricator-inline-summary:first-child {
border: none;
margin-top: 0;
padding-top: 0;
}