mirror of
https://github.com/facebook/sapling.git
synced 2024-10-11 09:17:30 +03:00
49e88a6464
Use of inline style for diff styling led to significant browser memory usage on large diffs. Moving the styling into CSS classes corrects this. This patch is based on work from https://bugzilla.mozilla.org/show_bug.cgi?id=766952 and https://hg.mozilla.org/hgcustom/version-control-tools/rev/2c355a580af6
197 lines
5.2 KiB
CSS
197 lines
5.2 KiB
CSS
body { font-family: sans-serif; font-size: 12px; border:solid #d9d8d1; border-width:1px; margin:10px; }
|
|
a { color:#0000cc; }
|
|
a:hover, a:visited, a:active { color:#880000; }
|
|
div.page_header { height:25px; padding:8px; font-size:18px; font-weight:bold; background-color:#d9d8d1; }
|
|
div.page_header a:visited { color:#0000cc; }
|
|
div.page_header a:hover { color:#880000; }
|
|
div.page_nav { padding:8px; }
|
|
div.page_nav a:visited { color:#0000cc; }
|
|
div.page_path { padding:8px; border:solid #d9d8d1; border-width:0px 0px 1px}
|
|
div.page_footer { padding:4px 8px; background-color: #d9d8d1; }
|
|
div.page_footer_text { float:left; color:#555555; font-style:italic; }
|
|
div.page_body { padding:8px; }
|
|
div.title, a.title {
|
|
display:block; padding:6px 8px;
|
|
font-weight:bold; background-color:#edece6; text-decoration:none; color:#000000;
|
|
}
|
|
a.title:hover { background-color: #d9d8d1; }
|
|
div.title_text { padding:6px 0px; border: solid #d9d8d1; border-width:0px 0px 1px; }
|
|
div.log_body { padding:8px 8px 8px 150px; }
|
|
.age { white-space:nowrap; }
|
|
span.age { position:relative; float:left; width:142px; font-style:italic; }
|
|
div.log_link {
|
|
padding:0px 8px;
|
|
font-size:10px; font-family:sans-serif; font-style:normal;
|
|
position:relative; float:left; width:136px;
|
|
}
|
|
div.list_head { padding:6px 8px 4px; border:solid #d9d8d1; border-width:1px 0px 0px; font-style:italic; }
|
|
a.list { text-decoration:none; color:#000000; }
|
|
a.list:hover { text-decoration:underline; color:#880000; }
|
|
table { padding:8px 4px; }
|
|
th { padding:2px 5px; font-size:12px; text-align:left; }
|
|
tr.light:hover, .parity0:hover { background-color:#edece6; }
|
|
tr.dark, .parity1 { background-color:#f6f6f0; }
|
|
tr.dark:hover, .parity1:hover { background-color:#edece6; }
|
|
td { padding:2px 5px; font-size:12px; vertical-align:top; }
|
|
td.closed { background-color: #99f; }
|
|
td.link { padding:2px 5px; font-family:sans-serif; font-size:10px; }
|
|
td.indexlinks { white-space: nowrap; }
|
|
td.indexlinks a {
|
|
padding: 2px 5px; line-height: 10px;
|
|
border: 1px solid;
|
|
color: #ffffff; background-color: #7777bb;
|
|
border-color: #aaaadd #333366 #333366 #aaaadd;
|
|
font-weight: bold; text-align: center; text-decoration: none;
|
|
font-size: 10px;
|
|
}
|
|
td.indexlinks a:hover { background-color: #6666aa; }
|
|
div.pre { font-family:monospace; font-size:12px; white-space:pre; }
|
|
div.diff_info { font-family:monospace; color:#000099; background-color:#edece6; font-style:italic; }
|
|
div.index_include { border:solid #d9d8d1; border-width:0px 0px 1px; padding:12px 8px; }
|
|
div.search { margin:4px 8px; position:absolute; top:56px; right:12px }
|
|
.linenr { color:#999999; text-decoration:none }
|
|
div.rss_logo { float: right; white-space: nowrap; }
|
|
div.rss_logo a {
|
|
padding:3px 6px; line-height:10px;
|
|
border:1px solid; border-color:#fcc7a5 #7d3302 #3e1a01 #ff954e;
|
|
color:#ffffff; background-color:#ff6600;
|
|
font-weight:bold; font-family:sans-serif; font-size:10px;
|
|
text-align:center; text-decoration:none;
|
|
}
|
|
div.rss_logo a:hover { background-color:#ee5500; }
|
|
pre { margin: 0; }
|
|
span.logtags span {
|
|
padding: 0px 4px;
|
|
font-size: 10px;
|
|
font-weight: normal;
|
|
border: 1px solid;
|
|
background-color: #ffaaff;
|
|
border-color: #ffccff #ff00ee #ff00ee #ffccff;
|
|
}
|
|
span.logtags span.tagtag {
|
|
background-color: #ffffaa;
|
|
border-color: #ffffcc #ffee00 #ffee00 #ffffcc;
|
|
}
|
|
span.logtags span.branchtag {
|
|
background-color: #aaffaa;
|
|
border-color: #ccffcc #00cc33 #00cc33 #ccffcc;
|
|
}
|
|
span.logtags span.inbranchtag {
|
|
background-color: #d5dde6;
|
|
border-color: #e3ecf4 #9398f4 #9398f4 #e3ecf4;
|
|
}
|
|
span.logtags span.bookmarktag {
|
|
background-color: #afdffa;
|
|
border-color: #ccecff #46ace6 #46ace6 #ccecff;
|
|
}
|
|
span.difflineplus { color:#008800; }
|
|
span.difflineminus { color:#cc0000; }
|
|
span.difflineat { color:#990099; }
|
|
|
|
/* Graph */
|
|
div#wrapper {
|
|
position: relative;
|
|
margin: 0;
|
|
padding: 0;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
canvas {
|
|
position: absolute;
|
|
z-index: 5;
|
|
top: -0.9em;
|
|
margin: 0;
|
|
}
|
|
|
|
ul#nodebgs {
|
|
list-style: none inside none;
|
|
padding: 0;
|
|
margin: 0;
|
|
top: -0.7em;
|
|
}
|
|
|
|
ul#graphnodes li, ul#nodebgs li {
|
|
height: 39px;
|
|
}
|
|
|
|
ul#graphnodes {
|
|
position: absolute;
|
|
z-index: 10;
|
|
top: -0.8em;
|
|
list-style: none inside none;
|
|
padding: 0;
|
|
}
|
|
|
|
ul#graphnodes li .info {
|
|
display: block;
|
|
font-size: 100%;
|
|
position: relative;
|
|
top: -3px;
|
|
font-style: italic;
|
|
}
|
|
|
|
/* Comparison */
|
|
.legend {
|
|
padding: 1.5% 0 1.5% 0;
|
|
}
|
|
|
|
.legendinfo {
|
|
border: 1px solid #d9d8d1;
|
|
font-size: 80%;
|
|
text-align: center;
|
|
padding: 0.5%;
|
|
}
|
|
|
|
.equal {
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.delete {
|
|
background-color: #faa;
|
|
color: #333;
|
|
}
|
|
|
|
.insert {
|
|
background-color: #ffa;
|
|
}
|
|
|
|
.replace {
|
|
background-color: #e8e8e8;
|
|
}
|
|
|
|
.comparison {
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.header th {
|
|
text-align: center;
|
|
}
|
|
|
|
.block {
|
|
border-top: 1px solid #d9d8d1;
|
|
}
|
|
|
|
.scroll-loading {
|
|
-webkit-animation: change_color 1s linear 0s infinite alternate;
|
|
-moz-animation: change_color 1s linear 0s infinite alternate;
|
|
-o-animation: change_color 1s linear 0s infinite alternate;
|
|
animation: change_color 1s linear 0s infinite alternate;
|
|
}
|
|
|
|
@-webkit-keyframes change_color {
|
|
from { background-color: #A0CEFF; } to { }
|
|
}
|
|
@-moz-keyframes change_color {
|
|
from { background-color: #A0CEFF; } to { }
|
|
}
|
|
@-o-keyframes change_color {
|
|
from { background-color: #A0CEFF; } to { }
|
|
}
|
|
@keyframes change_color {
|
|
from { background-color: #A0CEFF; } to { }
|
|
}
|
|
|
|
.scroll-loading-error {
|
|
background-color: #FFCCCC !important;
|
|
}
|