[update] Add differences toggle

This commit is contained in:
brunosimon
2016-08-15 23:38:19 +02:00
parent 5ac57d4c4f
commit f248558f60
3 changed files with 24 additions and 7 deletions
+7 -3
View File
@@ -32,7 +32,10 @@ section.page-project .aside .aside-header {padding:10px;background:#3b3f4e;}
section.page-project .aside .aside-header .always-last-version-toggle {cursor:pointer;}
section.page-project .aside .aside-header .always-last-version-toggle .switch {display:inline-block;width:12px;height:12px;border:1px solid #f1f5ff;}
section.page-project .aside .aside-header .always-last-version-toggle.active .switch {background:#f1f5ff;}
section.page-project .aside .aside-tree {position:absolute;top:48px;left:0;bottom:0;width:100%;overflow:auto;}
section.page-project .aside .aside-header .show-differences-toggle {cursor:pointer;}
section.page-project .aside .aside-header .show-differences-toggle .switch {display:inline-block;width:12px;height:12px;border:1px solid #f1f5ff;}
section.page-project .aside .aside-header .show-differences-toggle.active .switch {background:#f1f5ff;}
section.page-project .aside .aside-tree {position:absolute;top:76px;left:0;bottom:0;width:100%;overflow:auto;}
section.page-project section.main {position:absolute;top:0;right:0;bottom:0;left:240px;}
section.page-project section.no-file {position:absolute;top:0;right:0;bottom:0;left:0;}
section.page-project section.file {position:absolute;top:0;right:0;bottom:0;left:0;}
@@ -45,8 +48,9 @@ section.page-project section.file .code pre {position:relative;overflow:hidden;}
section.page-project section.file .code pre code {line-height:20px;font-family:monospace;}
section.page-project section.file .code pre code.lines {position:absolute;top:0;left:0;width:38px;padding:0.5em;opacity:0.2;}
section.page-project section.file .code pre code.hljs {margin-left:38px;}
section.page-project section.file .code pre code.differences {position:absolute;top:0;left:38px;padding:0.5em;}
section.page-project section.file .code pre code.differences .value {opacity:0.4;}
section.page-project section.file .code pre code.differences {position:absolute;top:0;left:38px;padding:0.5em;pointer-events:none;}
section.page-project section.file .code pre code.differences.inactive {display:none;}
section.page-project section.file .code pre code.differences .value {visibility:hidden;}
section.page-project section.file .code pre code.differences span.removed {display:none;border:1px solid red;}
section.page-project section.file .code pre code.differences span.removed .value {display:none;}
section.page-project section.file .code pre code.differences span.added {border:1px solid #b0ea23;background:rgba(176, 234, 35, 0.1);}