Fix: Input hidden #39

picocss · Oct 23, 2021 · 08d6d34 · 08d6d34
1 parent 688a638
commit 08d6d34
Show file tree

Hide file tree

Showing 12 changed files with 13 additions and 21 deletions.
diff --git a/css/pico.classless.css b/css/pico.classless.css
@@ -1037,7 +1037,6 @@ fieldset legend {
 input:not([type=checkbox]):not([type=radio]),
 select,
 textarea {
-  display: block;
   width: 100%;
 }
 
@@ -1183,7 +1182,6 @@ label > input, label > select, label > textarea {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  display: inline-block;
   width: 1.25em;
   height: 1.25em;
   margin-top: -0.125em;
@@ -1351,7 +1349,6 @@ label > input, label > select, label > textarea {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  display: block;
   width: 100%;
   height: 1.25rem;
   background: transparent;
@@ -1561,7 +1558,7 @@ hr {
 
 [hidden],
 template {
-  display: none;
+  display: none !important;
 }
 
 dialog {

diff --git a/css/pico.classless.min.css b/css/pico.classless.min.css
diff --git a/css/pico.css b/css/pico.css
@@ -1214,7 +1214,6 @@ fieldset legend {
 input:not([type=checkbox]):not([type=radio]),
 select,
 textarea {
-  display: block;
   width: 100%;
 }
 
@@ -1360,7 +1359,6 @@ label > input, label > select, label > textarea {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  display: inline-block;
   width: 1.25em;
   height: 1.25em;
   margin-top: -0.125em;
@@ -1528,7 +1526,6 @@ label > input, label > select, label > textarea {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  display: block;
   width: 100%;
   height: 1.25rem;
   background: transparent;
@@ -1738,7 +1735,7 @@ hr {
 
 [hidden],
 template {
-  display: none;
+  display: none !important;
 }
 
 dialog {

diff --git a/css/pico.fluid.classless.css b/css/pico.fluid.classless.css
@@ -1007,7 +1007,6 @@ fieldset legend {
 input:not([type=checkbox]):not([type=radio]),
 select,
 textarea {
-  display: block;
   width: 100%;
 }
 
@@ -1153,7 +1152,6 @@ label > input, label > select, label > textarea {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  display: inline-block;
   width: 1.25em;
   height: 1.25em;
   margin-top: -0.125em;
@@ -1321,7 +1319,6 @@ label > input, label > select, label > textarea {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  display: block;
   width: 100%;
   height: 1.25rem;
   background: transparent;
@@ -1531,7 +1528,7 @@ hr {
 
 [hidden],
 template {
-  display: none;
+  display: none !important;
 }
 
 dialog {

diff --git a/css/pico.fluid.classless.min.css b/css/pico.fluid.classless.min.css
diff --git a/css/pico.min.css b/css/pico.min.css
diff --git a/css/pico.slim.css b/css/pico.slim.css
@@ -1159,7 +1159,6 @@ fieldset legend {
 input:not([type=checkbox]):not([type=radio]),
 select,
 textarea {
-  display: block;
   width: 100%;
 }
 

diff --git a/css/pico.slim.min.css b/css/pico.slim.min.css
diff --git a/scss/content/_form-alt-input-types.scss b/scss/content/_form-alt-input-types.scss
@@ -108,7 +108,6 @@
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
-  display: block;
   width: 100%;
   height: $height-thumb;
   background: transparent;

diff --git a/scss/content/_form-checkbox-radio.scss b/scss/content/_form-checkbox-radio.scss
@@ -8,7 +8,6 @@
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
-  display: inline-block;
   width: 1.25em;
   height: 1.25em;
   margin-top: -.125em;

diff --git a/scss/content/_form.scss b/scss/content/_form.scss
@@ -139,7 +139,6 @@ fieldset legend {
 input:not([type="checkbox"]):not([type="radio"]),
 select,
 textarea {
-  display: block;
   width: 100%;
 }
 

diff --git a/scss/content/_miscs.scss b/scss/content/_miscs.scss
@@ -21,7 +21,12 @@ hr {
 // Add the correct display in IE 10+
 [hidden],
 template {
-  display: none;
+  @if $enable-important {
+    display: none !important;
+  }
+  @else {
+    display: none;
+  }
 }
 
 // Add the correct styles in Edge 18-, IE, and Safari