2011-01-30 13:20:56 -08:00
|
|
|
/**
|
|
|
|
|
* @provides phabricator-remarkup-css
|
|
|
|
|
*/
|
|
|
|
|
|
2011-03-29 21:38:05 -07:00
|
|
|
.phabricator-remarkup {
|
|
|
|
|
line-height: 1.45em;
|
|
|
|
|
}
|
|
|
|
|
|
2011-01-30 13:20:56 -08:00
|
|
|
.phabricator-remarkup p {
|
2011-04-10 14:07:00 -07:00
|
|
|
margin: 0 0 1em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-remarkup p:last-child {
|
|
|
|
|
margin-bottom: 0;
|
2011-01-30 13:20:56 -08:00
|
|
|
}
|
|
|
|
|
|
2012-01-16 10:07:21 -08:00
|
|
|
.phabricator-remarkup .remarkup-code-block {
|
|
|
|
|
margin: 1em 2em;
|
2011-01-30 13:20:56 -08:00
|
|
|
white-space: pre;
|
|
|
|
|
font-family: "Monaco", monospace;
|
|
|
|
|
font-size: 10px;
|
2012-01-16 10:07:21 -08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-remarkup .remarkup-code-header {
|
|
|
|
|
padding: .25em 1em;
|
|
|
|
|
background: #edead7;
|
|
|
|
|
color: #444444;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-remarkup .remarkup-code-block code {
|
|
|
|
|
background: #fdfae7;
|
|
|
|
|
border: 1px solid #f5e178;
|
|
|
|
|
display: block;
|
2011-01-30 13:20:56 -08:00
|
|
|
color: #000000;
|
Limit width of differential, maniphest properties tables
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
2011-10-21 02:09:25 -07:00
|
|
|
overflow: auto;
|
2012-01-16 10:07:21 -08:00
|
|
|
padding: .5em 1em;
|
|
|
|
|
font-family: "Monaco", monospace;
|
2011-01-30 13:20:56 -08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-remarkup code.remarkup-counterexample {
|
|
|
|
|
border: 1px solid #aa0000;
|
|
|
|
|
background-color: #ffaaaa;
|
|
|
|
|
}
|
|
|
|
|
|
2011-05-29 10:20:24 -07:00
|
|
|
.phabricator-remarkup tt {
|
|
|
|
|
color: #333333;
|
|
|
|
|
background: #ebebeb;
|
|
|
|
|
padding: 0 .25em;
|
2012-03-06 18:17:11 -08:00
|
|
|
white-space: pre-wrap;
|
2011-05-29 10:20:24 -07:00
|
|
|
}
|
|
|
|
|
|
2011-01-30 13:20:56 -08:00
|
|
|
.phabricator-remarkup ul {
|
|
|
|
|
list-style: disc;
|
|
|
|
|
margin: 1em 0 1em 3em;
|
|
|
|
|
}
|
|
|
|
|
|
2012-02-19 09:06:47 -08:00
|
|
|
.phabricator-remarkup ol {
|
|
|
|
|
list-style: decimal;
|
|
|
|
|
margin: 1em 0 1em 3em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-remarkup ul ol,
|
|
|
|
|
.phabricator-remarkup ul ul,
|
|
|
|
|
.phabricator-remarkup ol ol,
|
|
|
|
|
.phabricator-remarkup ol ul {
|
|
|
|
|
margin: .25em 0 .25em 2em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-remarkup li.phantom-item,
|
|
|
|
|
.phabricator-remarkup li.phantom-item {
|
|
|
|
|
list-style-type: none;
|
|
|
|
|
}
|
|
|
|
|
|
2011-11-09 12:14:12 -08:00
|
|
|
.phabricator-remarkup h1:first-child,
|
|
|
|
|
.phabricator-remarkup h2:first-child,
|
|
|
|
|
.phabricator-remarkup h3:first-child,
|
|
|
|
|
.phabricator-remarkup h4:first-child,
|
|
|
|
|
.phabricator-remarkup h5:first-child,
|
|
|
|
|
.phabricator-remarkup h6:first-child {
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-remarkup h1:last-child,
|
|
|
|
|
.phabricator-remarkup h2:last-child,
|
|
|
|
|
.phabricator-remarkup h3:last-child,
|
|
|
|
|
.phabricator-remarkup h4:last-child,
|
|
|
|
|
.phabricator-remarkup h5:last-child,
|
|
|
|
|
.phabricator-remarkup h6:last-child {
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-remarkup h1 {
|
|
|
|
|
font-size: 1.625em;
|
|
|
|
|
line-height: 1.625em;
|
2012-03-06 18:17:11 -08:00
|
|
|
margin: .8em 0;
|
2011-11-09 12:14:12 -08:00
|
|
|
}
|
|
|
|
|
|
2011-03-29 21:38:05 -07:00
|
|
|
.phabricator-remarkup h2 {
|
2011-11-09 12:14:12 -08:00
|
|
|
font-size: 1.5em;
|
|
|
|
|
line-height: 1.5em;
|
2012-03-06 18:17:11 -08:00
|
|
|
margin: .75em 0;
|
2011-11-09 12:14:12 -08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-remarkup h3 {
|
|
|
|
|
font-size: 1.375em;
|
|
|
|
|
line-height: 1.375em;
|
2012-03-06 18:17:11 -08:00
|
|
|
margin: .69em 0;
|
2011-11-09 12:14:12 -08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-remarkup h4 {
|
|
|
|
|
font-size: 1.25em;
|
|
|
|
|
line-height: 1.25em;
|
2012-03-06 18:17:11 -08:00
|
|
|
margin: .63em 0;
|
2011-11-09 12:14:12 -08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-remarkup h5 {
|
|
|
|
|
font-size: 1.125em;
|
|
|
|
|
line-height: 1.125em;
|
2012-03-06 18:17:11 -08:00
|
|
|
margin: .56em 0;
|
2011-11-09 12:14:12 -08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-remarkup h6 {
|
|
|
|
|
font-size: 1em;
|
|
|
|
|
line-height: 1em;
|
2012-03-06 18:17:11 -08:00
|
|
|
margin: .5em 0;
|
2011-03-29 21:38:05 -07:00
|
|
|
}
|
2011-04-14 12:52:28 -07:00
|
|
|
|
|
|
|
|
.phabricator-remarkup blockquote {
|
|
|
|
|
border-left: 1px solid #AAAAAA;
|
|
|
|
|
color: #333333;
|
|
|
|
|
font-style: italic;
|
|
|
|
|
margin: .5em 0em;
|
|
|
|
|
padding: .25em 1em;
|
|
|
|
|
}
|
2011-05-02 14:20:24 -07:00
|
|
|
|
|
|
|
|
.phabricator-remarkup img.remarkup-proxy-image {
|
|
|
|
|
max-width: 640px;
|
|
|
|
|
max-height: 640px;
|
|
|
|
|
}
|
2011-06-24 10:59:57 -07:00
|
|
|
|
|
|
|
|
.phabricator-remarkup-mention-exists {
|
|
|
|
|
font-weight: bold;
|
2011-07-09 16:17:36 -07:00
|
|
|
background: #e6f3ff;
|
2011-06-24 10:59:57 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.aphront-panel-preview .phabricator-remarkup-mention-unknown {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
background: #ffaaaa;
|
|
|
|
|
}
|
2011-12-01 09:48:27 -08:00
|
|
|
|
|
|
|
|
.phabricator-remarkup .remarkup-note {
|
|
|
|
|
margin: 1em 1.5em;
|
|
|
|
|
padding: 0.5em 1em;
|
|
|
|
|
border: 1px solid #ddddff;
|
|
|
|
|
background: #f3f3ff;
|
|
|
|
|
}
|
2012-01-06 09:08:59 -08:00
|
|
|
|
|
|
|
|
.phabricator-remarkup-toc {
|
|
|
|
|
float: right;
|
|
|
|
|
border: 1px solid #999999;
|
|
|
|
|
background: #f9f9f9;
|
|
|
|
|
padding: 4px 12px;
|
|
|
|
|
width: 220px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-remarkup-toc-header {
|
|
|
|
|
font-size: 11px;
|
|
|
|
|
color: #444444;
|
|
|
|
|
border-bottom: 1px solid #bbbbbb;
|
|
|
|
|
margin-bottom: 4px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-remarkup-toc ul {
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
list-style: none;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
padding-left: 0.25em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-remarkup-toc ul ul {
|
|
|
|
|
margin-left: 1.25em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-remarkup-toc ul li {
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
2012-01-16 10:07:21 -08:00
|
|
|
|
|
|
|
|
.phabricator-remarkup-embed-layout-right {
|
|
|
|
|
text-align: right;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-remarkup-embed-layout-center {
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-remarkup-embed-layout-inline {
|
|
|
|
|
display: inline;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-remarkup-embed-float-right {
|
|
|
|
|
float: right;
|
|
|
|
|
margin: .5em 1em 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phabricator-remarkup-embed-float-left {
|
|
|
|
|
float: left;
|
|
|
|
|
margin: .5em 1em 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
img.phabricator-remarkup-embed-image {
|
|
|
|
|
display: inline;
|
|
|
|
|
}
|