Merge pull request #348 from rtfpessoa/only-allow-selection-line-content

fix: Only allow selection line content instead of parent element
rtfpessoa · Oct 29, 2020 · 1f261e6 · 1f261e6
2 parents e48259d + 33076dc
commit 1f261e6
Showing 1 changed file with 17 additions and 8 deletions.
diff --git a/src/ui/css/diff2html.css b/src/ui/css/diff2html.css
@@ -96,24 +96,40 @@
 .d2h-code-line {
   display: inline-block;
   white-space: nowrap;
+  user-select: none;
+  width: 100%;
   /* Compensate for the absolute positioning of the line numbers */
   padding: 0 8em;
 }
 
 .d2h-code-side-line {
   display: inline-block;
   white-space: nowrap;
+  user-select: none;
+  width: 100%;
   /* Compensate for the absolute positioning of the line numbers */
   padding: 0 4.5em;
 }
 
+.d2h-code-line-ctn {
+  display: inline-block;
+  background: none;
+  padding: 0;
+  word-wrap: normal;
+  white-space: pre;
+  user-select: text;
+  width: 100%;
+  vertical-align: middle;
+}
+
 .d2h-code-line del,
 .d2h-code-side-line del {
   display: inline-block;
   margin-top: -1px;
   text-decoration: none;
   background-color: #ffb6ba;
   border-radius: 0.2em;
+  vertical-align: middle;
 }
 
 .d2h-code-line ins,
@@ -124,6 +140,7 @@
   background-color: #97f295;
   border-radius: 0.2em;
   text-align: left;
+  vertical-align: middle;
 }
 
 .d2h-code-line-prefix {
@@ -134,14 +151,6 @@
   white-space: pre;
 }
 
-.d2h-code-line-ctn {
-  display: inline;
-  background: none;
-  padding: 0;
-  word-wrap: normal;
-  white-space: pre;
-}
-
 .line-num1 {
   box-sizing: border-box;
   float: left;