mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-25 15:00:58 +01:00
0778f35272
Summary: Sometimes, elements in a property table at the top of a differential revision view or maniphest task detail view will have a minimum width that is too wide to fit in the table without causing the table's width to exceed the width of its parent div. This diff changes the table layout algorithm so that the table's width never exceeds the width of its parent div. In the case of a code block causing the excess width, it puts a scrollbar on the block instead of letting content spill out. Due to the way the fixed table layout algorithm works, the width of the left column (containing headers) is set to a fixed width. I chose a width for differential that works with the default headers, but site-specific headers might not fit. Test Plan: Created a task, added a code block in the description that had an unreasonably long line in it, and visually verified that the <td> containing the <code> did not expand horizontally past the limit defined by the <div> containing the <table>. I also loaded a differential revision view and checked that its table looks sane. Reviewers: epriestley, jungejason, aran Reviewed By: epriestley CC: aran, nh, epriestley Differential Revision: 1028
49 lines
870 B
CSS
49 lines
870 B
CSS
/**
|
|
* @provides mainphest-task-detail-css
|
|
*/
|
|
|
|
.maniphest-panel {
|
|
margin: .5em 2em .25em;
|
|
border: 1px solid #666622;
|
|
background: #efefdf;
|
|
padding: 15px 20px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.maniphest-panel h1 {
|
|
border-bottom: 1px solid #aaaa99;
|
|
padding-bottom: 8px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.maniphest-task-properties {
|
|
font-size: 12px;
|
|
width: 100%;
|
|
table-layout: fixed;
|
|
}
|
|
|
|
.maniphest-task-properties tt {
|
|
letter-spacing: 1.1px;
|
|
}
|
|
|
|
.maniphest-task-properties th {
|
|
font-weight: bold;
|
|
width: 100px;
|
|
text-align: right;
|
|
padding: 3px 4px 3px 3px;
|
|
color: #333333;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.maniphest-task-properties td {
|
|
padding: 3px 2px;
|
|
}
|
|
|
|
.maniphest-task-detail-core {
|
|
margin-right: 265px;
|
|
}
|
|
|
|
.maniphest-task-detail-core .create-button-container {
|
|
float:right;
|
|
margin-top:-0.5em;
|
|
}
|