Fixes AB#865: Focus not visible for multiple controls

Azure · Apr 18, 2023 · be29483 · be29483
1 parent ed595c1
commit be29483
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/@batch-flask/ui/buttons/button.scss b/src/@batch-flask/ui/buttons/button.scss
@@ -87,6 +87,15 @@ bl-button {
         width: $action-btn-size;
     }
 
+    &[type=square][color="primary"] {
+         &.focus-outline.focus-visible, &.focus-visible {
+            outline-color: white;
+            outline-width: 2px;
+            outline-style: solid;
+            outline-offset: -4px;
+        }
+    }
+
     &[type="round"] {
         border-radius: 99%;
 

diff --git a/src/app/components/pool/action/add/os-picker/os-offer-tile/os-offer-tile.scss b/src/app/components/pool/action/add/os-picker/os-offer-tile/os-offer-tile.scss
@@ -63,6 +63,9 @@ bl-os-offer-tile {
 
                 > .name {
                     text-transform: capitalize;
+                    display: inline-block;
+                    word-break: break-word;
+                    line-height: 1.3;
                 }
             }