enhancement: add focus styles for image gallery view #6304

Author: jakharmonika364

packages/volto/news/6304.enhancement

@@ -0,0 +1 @@
+Add focus styles for image gallery view

packages/volto/theme/themes/pastanaga/extras/gallery.less

@@ -0,0 +1,9 @@
+.image-gallery-icon:focus {
+  outline: 2px solid @linkColor;
+  outline-offset: 2px;
+}
+
+.image-gallery-thumbnail:focus {
+  outline: 2px solid @linkColor;
+  outline-offset: 2px;
+}

packages/volto/theme/themes/pastanaga/extras/main.less

@@ -156,6 +156,7 @@ button {
     outline: none;
   }
 }
+
 //checkbox overrides
 /* Unchecked */
 .ui.checkbox {
@@ -398,8 +399,10 @@ button {
 
   &::-webkit-scrollbar {
     width: 3px;
-    height: 3px; /* scrollbar height */
-    background: transparent; /* optional: just make scrollbar invisible */
+    height: 3px;
+    /* scrollbar height */
+    background: transparent;
+    /* optional: just make scrollbar invisible */
   }
 }
 
@@ -426,6 +429,7 @@ button {
     flex-wrap: wrap;
   }
 }
+
 //Add translation, Compare translation
 #page-add-translation,
 #page-compare-translation {
@@ -686,7 +690,8 @@ img.responsive {
   padding: 0;
   border: 0;
   margin: -1px;
-  clip: rect(1px, 1px, 1px, 1px); /* IE-style CSS for compatibility */
+  clip: rect(1px, 1px, 1px, 1px);
+  /* IE-style CSS for compatibility */
   white-space: nowrap;
   word-wrap: normal;
 }
@@ -713,4 +718,5 @@ img.responsive {
 @import 'views';
 @import 'toc';
 @import 'grid.less';
+@import 'gallery.less';
 .loadUIOverrides();