From d7f1f1e85ff3fc9834c39493b70bcc9d7320e02b Mon Sep 17 00:00:00 2001 From: Robbert van der Helm Date: Fri, 4 Nov 2022 16:21:39 +0100 Subject: [PATCH] Add param button styling --- nih_plug_vizia/assets/widgets.css | 24 ++++++++++++++---------- 1 file changed, 14 insertions(+), 10 deletions(-) diff --git a/nih_plug_vizia/assets/widgets.css b/nih_plug_vizia/assets/widgets.css index 58bc82d1..75efd57b 100644 --- a/nih_plug_vizia/assets/widgets.css +++ b/nih_plug_vizia/assets/widgets.css @@ -31,31 +31,35 @@ param-button { width: auto; border-color: #0a0a0a; border-width: 1px; - background-color: transparent; + child-top: 1s; + child-right: 5px; + child-bottom: 1s; + child-left: 5px; + background-color: #80808000; transition: background-color 0.1 0; } param-button:hover { - background-color: #8080801a; + background-color: #80808020; transition: background-color 0.1 0; } param-button:checked { - background-color: #e5e5e5; + background-color: #808080; transition: background-color 0.1 0; } -param-button:hover { - background-color: #ffaba51a; +param-button.bypass { + background-color: #ffcfcb00; + transition: background-color 0.1 0; +} +param-button.bypass:hover { + background-color: #ffcfcb20; transition: background-color 0.1 0; } param-button.bypass:checked { - background-color: #ffaba5; + background-color: #ffcfcb; transition: background-color 0.1 0; } -param-button label { - /* TODO */ -} - param-slider { height: 30px; width: 180px;