From a5eeeca1383a0fdf50d0c76730e1ace8f03f3759 Mon Sep 17 00:00:00 2001 From: lonkaars Date: Sun, 20 Jun 2021 14:03:22 +0200 Subject: keybind selection and deletion :tada: --- styles/keybindselector.css | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) (limited to 'styles') diff --git a/styles/keybindselector.css b/styles/keybindselector.css index b510dee..cc57501 100644 --- a/styles/keybindselector.css +++ b/styles/keybindselector.css @@ -1,17 +1,33 @@ .keybind-selector-inner { padding: 27px 12px 10px; } +.keybind-selector > * { cursor: pointer !important; } + .keybind-selector-inner .keybind { padding: 2px 4px 1px; margin-right: 3px; border-radius: 4px; user-select: none; + cursor: pointer; + transform: scale(1); + display: inline-block; - transition-property: background-color; + transition-property: background-color, opacity, transform; transition-duration: 100ms; background-color: var(--c800); color: var(--c100); } +.keybind-selector-inner .keybind:hover { + opacity: .7; +} + +.keybind-selector-inner .keybind.new { + opacity: 0; + transform: scale(.85); +} + +.keybind-selector * { font-family: "Inter", sans-serif !important; } + .keybind-selector:focus .keybind-selector-inner .keybind { background-color: var(--gruble); } .keybind-selector:focus label { color: var(--gruble) !important; } .keybind-selector:focus .MuiFilledInput-underline:after { transform: scaleX(1); } -- cgit v1.2.3