Add minimal CSS for kbd tag

umap-project · Dec 11, 2023 · 930a684 · 930a684
1 parent 8930896
commit 930a684
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/umap/static/umap/base.css b/umap/static/umap/base.css
@@ -47,6 +47,16 @@ p {
     margin-top: 14px;
     margin-bottom: 14px;
 }
+kbd {
+  border: 1px solid #b4b4b4;
+  box-shadow:
+    0 1px 1px rgba(0, 0, 0, 0.2),
+    0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
+  border-radius: 3px;
+  padding: 1px 4px;
+  display: inline-block;
+  white-space: nowrap;
+}
 
 /*
 * List

diff --git a/umap/static/umap/js/umap.core.js b/umap/static/umap/js/umap.core.js
@@ -487,7 +487,7 @@ L.U.Help = L.Class.extend({
       shortcut = shortcut.split('+').map((el) => `<kbd>${el}</kbd>`).join('+')
     }
     const modifier = this.isMacOS ? 'Cmd' : 'Ctrl'
-    label += ` (${shortcut.replace('Modifier', modifier)})`
+    label += ` ${shortcut.replace('Modifier', modifier)}`
     return label
   },