From 4d9301fdc0bb64f34906afcb7a22cbe0d4e42627 Mon Sep 17 00:00:00 2001 From: lonkaars Date: Sun, 20 Jun 2021 14:10:17 +0200 Subject: display unbound + css fix for keybindings selection --- components/keybindselector.tsx | 1 + styles/keybindselector.css | 13 ++++++++++++- 2 files changed, 13 insertions(+), 1 deletion(-) diff --git a/components/keybindselector.tsx b/components/keybindselector.tsx index 1d11b6b..b7deed8 100644 --- a/components/keybindselector.tsx +++ b/components/keybindselector.tsx @@ -38,6 +38,7 @@ export default function KeybindSelector(props: { }} /> )} + {props.value.length == 0 && Unbound} ; } diff --git a/styles/keybindselector.css b/styles/keybindselector.css index cc57501..34c174f 100644 --- a/styles/keybindselector.css +++ b/styles/keybindselector.css @@ -1,10 +1,14 @@ -.keybind-selector-inner { padding: 27px 12px 10px; } +.keybind-selector-inner { + padding: 27px 12px 6px; + min-height: 25px; +} .keybind-selector > * { cursor: pointer !important; } .keybind-selector-inner .keybind { padding: 2px 4px 1px; margin-right: 3px; + margin-bottom: 3px; border-radius: 4px; user-select: none; cursor: pointer; @@ -17,6 +21,13 @@ color: var(--c100); } +.keybind-selector-inner .placeholder { + font-style: italic; + color: var(--c700); + margin-top: 2px; + display: inline-block; +} + .keybind-selector-inner .keybind:hover { opacity: .7; } -- cgit v1.2.3