From 55b3f7985b26b72f728c96b4f602e5b09078ebb3 Mon Sep 17 00:00:00 2001 From: Mahmut YILDIRIM Date: Mon, 24 Jul 2023 09:11:31 +0300 Subject: [PATCH 1/3] Fixed bug the radios are seems to be like ellipse when use on responsive mode --- scss/forms/_form-check.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/scss/forms/_form-check.scss b/scss/forms/_form-check.scss index f8d9b08f8ce7..e511ae4099d0 100644 --- a/scss/forms/_form-check.scss +++ b/scss/forms/_form-check.scss @@ -31,6 +31,8 @@ width: $form-check-input-width; height: $form-check-input-width; + min-width: $form-check-input-width; + min-height: $form-check-input-width; margin-top: ($line-height-base - $form-check-input-width) * .5; // line-height minus check height vertical-align: top; appearance: none; @@ -41,6 +43,7 @@ background-size: contain; border: $form-check-input-border; print-color-adjust: exact; // Keep themed appearance for print + @include transition($form-check-transition); &[type="checkbox"] { From 5badc549db8587f2fbb7416a5f669b1614b09255 Mon Sep 17 00:00:00 2001 From: Mahmut YILDIRIM Date: Fri, 28 Jul 2023 09:00:26 +0300 Subject: [PATCH 2/3] Updated file --- scss/forms/_form-check.scss | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/scss/forms/_form-check.scss b/scss/forms/_form-check.scss index e511ae4099d0..1bb06efaa9a8 100644 --- a/scss/forms/_form-check.scss +++ b/scss/forms/_form-check.scss @@ -31,8 +31,7 @@ width: $form-check-input-width; height: $form-check-input-width; - min-width: $form-check-input-width; - min-height: $form-check-input-width; + flex-shrink: 0; margin-top: ($line-height-base - $form-check-input-width) * .5; // line-height minus check height vertical-align: top; appearance: none; From df9c163dd4b1cc07aecfcbee092ac18f1467e229 Mon Sep 17 00:00:00 2001 From: "louismaxime.piton" Date: Mon, 4 Sep 2023 14:29:40 +0200 Subject: [PATCH 3/3] remove useless change + fix CI --- scss/forms/_form-check.scss | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/scss/forms/_form-check.scss b/scss/forms/_form-check.scss index 1bb06efaa9a8..d3a8fe60da33 100644 --- a/scss/forms/_form-check.scss +++ b/scss/forms/_form-check.scss @@ -29,9 +29,9 @@ .form-check-input { --#{$prefix}form-check-bg: #{$form-check-input-bg}; + flex-shrink: 0; width: $form-check-input-width; height: $form-check-input-width; - flex-shrink: 0; margin-top: ($line-height-base - $form-check-input-width) * .5; // line-height minus check height vertical-align: top; appearance: none; @@ -42,7 +42,6 @@ background-size: contain; border: $form-check-input-border; print-color-adjust: exact; // Keep themed appearance for print - @include transition($form-check-transition); &[type="checkbox"] {