Fix: fix comment-form-cookies-consent label and input appearance

fixes presscustomizr#1538
eri-trabiccolo · May 30, 2018 · 668dc43 · 668dc43
1 parent f1c017b
commit 668dc43
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 4 deletions.
diff --git a/assets/front/scss/0_3_components/_forms.scss b/assets/front/scss/0_3_components/_forms.scss
@@ -78,11 +78,13 @@ input[type=number] {
     background-repeat: no-repeat;
     @include box-shadow_none( 'important' );
   }
+  @at-root .comment-form-cookies-consent input[type=checkbox],
   input[type=checkbox],
   input[type=radio] {
     -webkit-appearance: none!important;
     position: relative !important;
   }
+  @at-root .comment-form-cookies-consent input[type=checkbox],
   input[type=checkbox]:checked:before,
   input[type=radio]:checked:before {
     font-family: 'Font Awesome\ 5 Free';
@@ -102,13 +104,14 @@ input[type=number] {
   input[type=radio] {
     border-radius: 50%;
   }
-  input[type=radio]:checked:before {
+  input[type=radio]:checked::before {
     content: "";
     border-radius: 100%;
     width: 50%;
     height: 50%;
   }
-  input[type=checkbox]:checked:before {
+  @at-root .comment-form-cookies-consent input[type=checkbox]:checked::before,
+  input[type=checkbox]:checked::before {
     content: "\f00c";
     font-weight: 900;
   }
@@ -121,6 +124,22 @@ input[type=number] {
   }
 }//end themeform
 
+.comment-form-cookies-consent {
+  label {
+    display: inline;
+    @if ( true == $is_rtl ) {
+      padding-right: 5px;
+    }
+    @else {
+      padding-left: 5px;
+    }
+  }
+  input[type="checkbox" ] {
+    margin-top: -.2em;
+    border-color: $grey;
+  }
+}
+
 input[type="file"],
 input[type="range"] {
   background-color: transparent !important;

diff --git a/assets/front/scss/0_3_components/_plugins.scss b/assets/front/scss/0_3_components/_plugins.scss
@@ -127,7 +127,6 @@
 
     .form-row {
       margin: 0 0 $base-line-height;
-
       .input-checkbox {
           display: inline-block;
           margin: -2px 0 0;

diff --git a/inc/assets/less/tc_custom.less b/inc/assets/less/tc_custom.less
@@ -2061,7 +2061,18 @@ input[type="submit"]:hover {
   -o-transition: background-position 0.1s linear;
   transition: background-position 0.1s linear;
 }
-
+.comment-form-cookies-consent label {
+    display: inline;
+    & when (@is_rtl = true) {
+      padding-right: 5px;
+    }
+    & when (@is_rtl = false) {
+      padding-left: 5px;
+    }
+}
+.comment-form-cookies-consent input[type="checkbox" ] {
+    margin-top: -.1em;
+}
 /* CODE FOR COMMENTS */
 code {
   white-space: normal;