Merge #20036 - Frontend: Allow mouse selection of cells for easier copying

williamdes · williamdes · commit 992718ff3cbc · 2026-02-12T14:42:14.000+01:00
Pull-request: #20036 Signed-off-by: William Desportes <williamdes@wdes.fr>
diff --git a/public/themes/bootstrap/scss/_tables.scss b/public/themes/bootstrap/scss/_tables.scss
@@ -5,6 +5,14 @@
       content: "\200b";
     }
   }
+
+  .cell-selected  {
+    outline: 1px solid #7facd6;
+
+    &.with-bg-color {
+      background-color: #d0e4f7;
+    }
+  }
 }
 
 @media only screen and (width >= 768px) {
diff --git a/public/themes/metro/scss/_tables.scss b/public/themes/metro/scss/_tables.scss
@@ -30,6 +30,14 @@
     font-weight: normal;
     text-align: center;
   }
+
+  .cell-selected  {
+    outline: 1px solid #7facd6;
+
+    &.with-bg-color {
+      background-color: #d0e4f7;
+    }
+  }
 }
 
 @media only screen and (width >= 768px) {
diff --git a/public/themes/original/scss/_tables.scss b/public/themes/original/scss/_tables.scss
@@ -27,6 +27,14 @@
     font-weight: bold;
     text-align: center;
   }
+
+  .cell-selected  {
+    outline: 1px solid #7facd6;
+
+    &.with-bg-color {
+      background-color: #d0e4f7;
+    }
+  }
 }
 
 .table-striped {
diff --git a/public/themes/pmahomme/scss/_tables.scss b/public/themes/pmahomme/scss/_tables.scss
@@ -29,6 +29,14 @@
     font-weight: bold;
     text-align: center;
   }
+
+  .cell-selected  {
+    outline: 1px solid #7facd6;
+
+    &.with-bg-color {
+      background-color: #d0e4f7;
+    }
+  }
 }
 
 .table-hover {
diff --git a/resources/js/makegrid.ts b/resources/js/makegrid.ts

Original file line number	Diff line number	Diff line change
`@@ -5,6 +5,14 @@`
`5`	`5`	`content: "\200b";`
`6`	`6`	`}`
`7`	`7`	`}`
	`8`	`+`
	`9`	`+ .cell-selected {`
	`10`	`+ outline: 1px solid #7facd6;`
	`11`	`+`
	`12`	`+ &.with-bg-color {`
	`13`	`+ background-color: #d0e4f7;`
	`14`	`+ }`
	`15`	`+ }`
`8`	`16`	`}`
`9`	`17`
`10`	`18`	`@media only screen and (width >= 768px) {`
Original file line number	Diff line number	Diff line change
`@@ -30,6 +30,14 @@`
`30`	`30`	`font-weight: normal;`
`31`	`31`	`text-align: center;`
`32`	`32`	`}`
	`33`	`+`
	`34`	`+ .cell-selected {`
	`35`	`+ outline: 1px solid #7facd6;`
	`36`	`+`
	`37`	`+ &.with-bg-color {`
	`38`	`+ background-color: #d0e4f7;`
	`39`	`+ }`
	`40`	`+ }`
`33`	`41`	`}`
`34`	`42`
`35`	`43`	`@media only screen and (width >= 768px) {`