Qol 8391 styles update (#455)

* styles update * styles update * styles update * changed to rem * added on focus styles * checkbox input styles update
qld-gov-au · Apr 11, 2022 · 3f5d71f · 3f5d71f
1 parent 59b8cef
commit 3f5d71f
Show file tree

Hide file tree

Showing 3 changed files with 1,062 additions and 10 deletions.
diff --git a/src/assets/_project/_blocks/components/forms/_qg-forms.scss b/src/assets/_project/_blocks/components/forms/_qg-forms.scss
@@ -203,16 +203,18 @@
   }
   .checkbox, .qg-forms-v2__checkbox,
   .form-radio, .qg-forms-v2__radio {
-    padding-top: 0.8rem;
-    padding-bottom: 0.8rem;
+    padding: 0.8rem 0 0.8rem 0;
     margin: 0;
     .radio {
       margin: 0;
     }
-    div.form-check {
+    .form-check {
       padding-bottom: $defaultRem;
       padding-left: 0
     }
+    .form-check-input{
+      margin-left: -1rem;
+    }
     input[type=radio], input[type=checkbox] {
       width: rem(25px);
       height: rem(25px);
@@ -233,19 +235,13 @@
         font-weight: $checkboxWeight;
         margin-left: $defaultRem;
         margin-right: 0.5rem !important;
-        float: right;
       }
     }
     .field-required:after {
       position: absolute;
       float: right;
-      top: 0;
-      right: 0;
     }
   }
-  .form-group {
-    //margin-bottom: 1rem !important;
-  }
   .formio-hidden {
     margin-bottom: 0 !important;
   }

diff --git a/src/assets/_project/_blocks/scss-general/_qg-variables.scss b/src/assets/_project/_blocks/scss-general/_qg-variables.scss
@@ -190,7 +190,7 @@ $tables-paginate-enabled-previous-next-color: #111111;
 
 // forms
 $fontFace: inherit;
-$defaultRem: 1rem;
+$defaultRem: 1.2rem;
 
 $labelHeadingColour: #000;
 $labelHeadingSize: 20px;