From 3e1336cc6d32511daf2acab9c45a517cd3b10058 Mon Sep 17 00:00:00 2001 From: Tom <tw201207@gmail.com> Date: Wed, 12 Nov 2014 14:31:12 -0500 Subject: [PATCH] Opacity adjustments for image diffs --- src/main/resources/gitblit.css | 31 ++++++++++++++++++++++++++++++- 1 files changed, 30 insertions(+), 1 deletions(-) diff --git a/src/main/resources/gitblit.css b/src/main/resources/gitblit.css index f6d6b24..bdab205 100644 --- a/src/main/resources/gitblit.css +++ b/src/main/resources/gitblit.css @@ -1486,14 +1486,43 @@ img.imgdiff-left { margin-left: 18px; /* Compensate for padding on outer div. */ + user-select: none; } img.imagediff { user-select: none; + /* Checkerboard background */ + background-color: white; + background-image: linear-gradient(45deg, #DDD 25%, transparent 25%, transparent 75%, #DDD 75%, #DDD), linear-gradient(45deg, #DDD 25%, transparent 25%, transparent 75%, #DDD 75%, #DDD); + background-size: 16px 16px; + background-position: 0 0, 8px 8px; } .diff-img { - margin: 2px 2px; + margin: 2px; +} + +div.imgdiff-slider { + display: inline-block; + position: relative; + margin: 0px 2px; + width: 420px; + max-width: 420px; + height: 24px; + min-height: 18px; + overflow-x: scroll; + background: linear-gradient(to right, #F00, #0F0); +} + +div.imgdiff-slider-inner { + position: absolute; + bottom: 0; + margin: 0; + padding: 0; + width : 1000%; + height: 1px; + border: none; + background: transparent; } /* End image diffs */ -- Gitblit v1.9.1