AC-2790::No visual indication of focus on buttons. (#3864)

* AC-2790::No visual indication of focus on buttons. * AC-2790::No visual indication of focus on buttons. * AC-2790::No visual indication of focus on buttons. * AC-2790::No visual indication of focus on buttons. Co-authored-by: Devagouda <[email protected]> Co-authored-by: Raghavendra <[email protected]>
magento · Sep 30, 2022 · 731d9ac · 731d9ac
1 parent 23d93ca
commit 731d9ac
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/venia-ui/lib/components/Pagination/navButton.module.css b/packages/venia-ui/lib/components/Pagination/navButton.module.css
@@ -2,6 +2,11 @@
     composes: root from './tile.module.css';
 }
 
+.root:focus {
+    box-shadow: 0 0 4px 2px rgb(var(--color-brand-dark) / var(--tw-bg-opacity));
+    border-radius: 0.5rem;
+}
+
 .icon {
     composes: root from '../Icon/icon.module.css';
 }

diff --git a/packages/venia-ui/lib/components/Pagination/tile.module.css b/packages/venia-ui/lib/components/Pagination/tile.module.css
@@ -5,7 +5,6 @@
     composes: flex from global;
     composes: items-center from global;
     composes: justify-center from global;
-    composes: outline-none from global;
     composes: relative from global;
     composes: rounded-sm from global;
     min-height: 2rem;