Changeset - a06804c28d74
[Not reviewed]
stable
0 1 0
Andrew Shadura - 11 years ago 2015-04-22 14:20:29
andrew@shadura.me
css: add text +/- markers to the diff to improve readability for colour blind (fixes #77)
1 file changed with 14 insertions and 0 deletions:
0 comments (0 inline, 0 general)
kallithea/public/css/style.css
Show inline comments
 
@@ -4943,48 +4943,62 @@ table.code-difftable .lineno-inline {
 
    padding-right: 2px;
 
    text-align: right;
 
    width: 30px;
 
    -moz-user-select: none;
 
    -webkit-user-select: none;
 
}
 

	
 
/** CODE **/
 
table.code-difftable .code {
 
    display: block;
 
    width: 100%;
 
}
 
table.code-difftable .code td {
 
    margin: 0;
 
    padding: 0;
 
}
 
table.code-difftable .code pre {
 
    margin: 0 0 0 12px;
 
    padding: 0;
 
    min-height: 17px;
 
    line-height: 17px;
 
    white-space: pre-wrap;
 
}
 

	
 
table.code-difftable .del .code pre:before {
 
    content: "-";
 
    color: #550000;
 
}
 
 
 
table.code-difftable .add .code pre:before {
 
    content: "+";
 
    color: #005500;
 
}
 
 
 
table.code-difftable .unmod .code pre:before {
 
    content: " ";
 
}
 
 
 
.add-bubble {
 
    position: relative;
 
    display: none;
 
    float: left;
 
    width: 0px;
 
    height: 0px;
 
    left: -8px;
 
    box-sizing: border-box;
 
}
 

	
 
tr.line.add:hover td .add-bubble,
 
tr.line.del:hover td .add-bubble,
 
tr.line.unmod:hover td .add-bubble {
 
    display: block;
 
}
 

	
 
.add-bubble div {
 
    background: #577632;
 
    width: 16px;
 
    height: 16px;
 
    cursor: pointer;
 
    padding: 0 2px 2px 0.5px;
 
    border: 1px solid #577632;
 
    border-radius: 3px;
0 comments (0 inline, 0 general)