refactor: add hidden class and tabIndex for accessibility

2021-06-15 17:16:05 +04:00
parent adfef38bdc
commit c1e88a8ac0
2 changed files with 7 additions and 3 deletions
--- a/app/assets/stylesheets/_sn.scss
+++ b/app/assets/stylesheets/_sn.scss
@@ -118,6 +118,10 @@
  outline: none;
 }

+.hidden {
+  display: none;
+}
+
 .color-foreground {
  color: var(--sn-stylekit-foreground-color);
 }
@@ -372,7 +376,7 @@
  &[data-state='collapsed'] {
    display: none;
  }
-  
+
  &.sn-dropdown--animated {
    @extend .transition-transform;
    @extend .duration-150;