Ji 5682 additional UI changes (#203)

devland · web-flow · commit 9503deca6ce9 · 2024-01-24T14:18:05.000+01:00
* JI-5681 fix crop selector sizing in edge

* JI-5681 fix floating point cropper selector dimensions

* JI-5681 put back padding value

* JI-5682 move container border and prevent user select around buttons for cropper
diff --git a/libs/cropper.css b/libs/cropper.css
@@ -8,6 +8,7 @@
   background-color: #2f323a;
   text-align: center;
   padding: 35px;
+  user-select: none;
 }
 .cropper-button {
   position: relative;
@@ -57,7 +58,6 @@
 }
 .cropper-canvas-container {
   position: relative;
-  border: 1px solid #9e9e9e;
 }
 .cropper-canvas-container canvas {
   display: block;
@@ -185,3 +185,6 @@
   animation: none;
   z-index: 999;
 }
+.h5p-editing-image-popup {
+  border: 1px solid #9e9e9e;
+}

Original file line number	Diff line number	Diff line change
`@@ -8,6 +8,7 @@`
`8`	`8`	`background-color: #2f323a;`
`9`	`9`	`text-align: center;`
`10`	`10`	`padding: 35px;`
	`11`	`+ user-select: none;`
`11`	`12`	`}`
`12`	`13`	`.cropper-button {`
`13`	`14`	`position: relative;`
`@@ -57,7 +58,6 @@`
`57`	`58`	`}`
`58`	`59`	`.cropper-canvas-container {`
`59`	`60`	`position: relative;`
`60`		`- border: 1px solid #9e9e9e;`
`61`	`61`	`}`
`62`	`62`	`.cropper-canvas-container canvas {`
`63`	`63`	`display: block;`
`@@ -185,3 +185,6 @@`
`185`	`185`	`animation: none;`
`186`	`186`	`z-index: 999;`
`187`	`187`	`}`
	`188`	`+.h5p-editing-image-popup {`
	`189`	`+ border: 1px solid #9e9e9e;`
	`190`	`+}`