From 96b25b8e5e2f830b8edc0e7ebb1c5e8da1779a00 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Wed, 29 Jan 2025 18:51:00 +0200 Subject: [PATCH] style(next): buttons: use a more accurate CSS selectors --- src/public/stylesheets/theme-next/forms.css | 20 +++++++++++++++----- 1 file changed, 15 insertions(+), 5 deletions(-) diff --git a/src/public/stylesheets/theme-next/forms.css b/src/public/stylesheets/theme-next/forms.css index c4475b8df..418a1309d 100644 --- a/src/public/stylesheets/theme-next/forms.css +++ b/src/public/stylesheets/theme-next/forms.css @@ -2,23 +2,33 @@ * Buttons */ -button.btn, -button.btn.btn-primary { + button.btn.btn-primary, + button.btn.btn-secondary, + button.btn.btn-sm { box-shadow: 1px 1px 1px var(--button-shadow-color); padding: 4px 16px; - min-width: 120px; border: unset; border-radius: 6px; background: var(--button-background-color); color: var(--button-text-color); } -button.btn:hover { +button.btn.btn-primary, +button.btn.btn-secondary, +button.btn.btn-sm { + min-width: 120px; +} + +button.btn.btn-primary:hover, +button.btn.btn-secondary:hover, +button.btn.btn-sm:hover { background: var(--button-hover-background-color); color: var(--button-hover-text-color); } -button.btn:active { +button.btn.btn-primary:active, +button.btn.btn-secondary:active, +button.btn.btn-sm:active { box-shadow: unset; opacity: .85; background: var(--button-background-color) !important;