Make open keyboard button more visible (#232)

Doenet · Aug 14, 2024 · 0e5db77 · 0e5db77
1 parent cc8df27
commit 0e5db77
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/packages/virtual-keyboard/src/virtual-keyboard/keyboard-tray.css b/packages/virtual-keyboard/src/virtual-keyboard/keyboard-tray.css
@@ -23,7 +23,6 @@ Tailwind base is purposely not included because we want all styles to be prefixe
      * Some styles from tailwind preflight need to be included here
      */
     box-sizing: border-box;
-    border-stylke: solid;
     --tw-border-spacing-x: 0;
     --tw-border-spacing-y: 0;
     --tw-translate-x: 0;
@@ -64,6 +63,7 @@ Tailwind base is purposely not included because we want all styles to be prefixe
         @apply border-b-black border-b;
         @apply hover:bg-slate-300 active:bg-slate-400;
         @apply w-12 h-[1.5rem] flex items-center justify-center;
+        @apply bg-white border;
     }
 
     .virtual-keyboard-tab-list {

diff --git a/packages/virtual-keyboard/src/virtual-keyboard/keyboard-tray.tsx b/packages/virtual-keyboard/src/virtual-keyboard/keyboard-tray.tsx
@@ -52,6 +52,7 @@ export function KeyboardTray({ onClick }: { onClick: OnClick }) {
                 className="open-keyboard-button"
                 onClick={() => setOpen((old) => !old)}
                 title={open ? "Close Keyboard" : "Open Keyboard"}
+                aria-label={open ? "Close Keyboard" : "Open Keyboard"}
             >
                 <KeyboardIcon />
             </button>
@@ -60,6 +61,7 @@ export function KeyboardTray({ onClick }: { onClick: OnClick }) {
                     className="close-keyboard-button"
                     onClick={() => setOpen(false)}
                     title="Close Keyboard"
+                    aria-label="Close Keyboard"
                 >
                     &times;
                 </button>