From c7ea56d5717f858046f816dc2b1b353ec24a052d Mon Sep 17 00:00:00 2001 From: Eliseu Amaro Date: Sun, 2 Jan 2022 19:45:40 +0000 Subject: [PATCH] [CSS] Fixing checkboxes from displaying background cropped --- public/assets/default_theme/css/widgets/buttons.css | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/public/assets/default_theme/css/widgets/buttons.css b/public/assets/default_theme/css/widgets/buttons.css index 1eb4288a1b..3ebe0987f9 100644 --- a/public/assets/default_theme/css/widgets/buttons.css +++ b/public/assets/default_theme/css/widgets/buttons.css @@ -3,11 +3,12 @@ input { } input[type=checkbox] { all: unset; - display: inline-block; + display: inline-block !important; cursor: pointer !important; - width: 0.8rem !important; - height: 0.8rem !important; + width: 1em !important; + height: 1em !important; background: var(--accent) !important; + background-repeat: no-repeat !important; } input[type=checkbox]:not(:hover, :focus) { background: var(--foreground) !important; @@ -37,8 +38,8 @@ input[type=file] { background: var(--gradient) !important; } input[type=checkbox] { - background-size: 100%; - margin-right: 2px; + background-size: contain !important; + margin-right: 4px !important; -webkit-mask-image: url("../../icons/check-off.svg") !important; -o-mask-image: url("../../icons/check-off.svg") !important; -moz-mask-image: url("../../icons/check-off.svg") !important;