Merge pull request #5 from kunai-consulting/COD-1527

COD-1527 FE - Lightbox refinements
kunai-consulting · Mar 8, 2023 · 107eeaa · 107eeaa
2 parents 5fc64fb + ff65e66
commit 107eeaa
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kunai-consulting/fork-react-image-lightbox",
-  "version": "6.0.3",
+  "version": "6.0.4",
   "description": "A lightbox component for React.js",
   "scripts": {
     "build": "rollup -c",

diff --git a/src/style.css b/src/style.css
@@ -64,16 +64,17 @@
   bottom: 0;
   width: 20px;
   height: 34px;
-  padding: 40px 30px;
+  padding: 40px 40px;
   margin: auto;
   cursor: pointer;
-  opacity: 0.7;
 }
+
 .ril__navButtons:hover {
   opacity: 1;
 }
+
 .ril__navButtons:active {
-  opacity: 0.7;
+  opacity: 1;
 }
 
 .ril__navButtonPrev {
@@ -191,7 +192,7 @@
   height: 35px;
   cursor: pointer;
   border: none;
-  opacity: 0.7;
+  opacity: 1;
 }
 .ril__builtinButton:hover {
   opacity: 1;
@@ -368,8 +369,11 @@
   height: 34px;
   padding: 40px 30px;
   margin: auto;
+}
+
+.ril__navButtonsThumbs:hover {
+  background-color: rgba(244, 244, 244, 0.093);
   cursor: pointer;
-  opacity: 0.7;
 }
 
 .ril__loadingContainer__icon {
@@ -405,15 +409,18 @@
 
 .thumbNails img {
   display: inline;
+  cursor: pointer;
 }
 .thumbNails {
   border: 2px solid transparent;
 }
 
 .thumbNails:hover {
   border: 2px solid gray;
+  cursor: pointer;
 }
 
 .thumbNailsactive {
   border: 2px solid rgb(2, 118, 177);
+  cursor: pointer;
 }