Explorar o código

Ticket #4904 - Wrong background in Password field.

AntonLV hai 1 ano
pai
achega
f76bfe53d6
Modificáronse 2 ficheiros con 13 adicións e 6 borrados
  1. 6 4
      template/css/forms.css
  2. 7 2
      template/css/tailwind.css

+ 6 - 4
template/css/forms.css

@@ -155,7 +155,6 @@
     -moz-appearance: none;
     appearance: none;
 
-    padding:7px 3px 7px 3px;
     padding:0.2rem 0.4rem;
 
     vertical-align:middle;
@@ -200,7 +199,7 @@
     transition: all 0.2s linear;
 }
 .bx-form-input-wrapper-password {
-    padding: 0 2.125rem 0 0;
+    padding: 0;
 }
 .bx-form-input-wrapper-password > a {
     position: absolute;
@@ -231,10 +230,13 @@
     height: 100%;
 
     margin: 0;
-    padding: 7px 3px 7px 3px;
-    padding: 0.2rem 0.4rem;
+    padding: 0.2rem 2.125rem 0.2rem 0.4rem;
 
     border: 0;
+    -webkit-border-radius:0.3rem;
+    -moz-border-radius:0.3rem;	
+    border-radius:0.3rem;
+
     background-color: transparent;
 }
 .bx-form-input-password:focus {

+ 7 - 2
template/css/tailwind.css

@@ -830,14 +830,19 @@
     /* Common elements: Forms: Password Input */
     .bx-std .bx-form-input-wrapper-password,
     .bx-artificer .bx-form-input-wrapper-password {
-        @apply relative block w-full pl-3 pr-8;
+        @apply relative block w-full;
         @apply bg-gray-50 dark:bg-gray-900/50 focus:bg-white dark:focus:bg-gray-900;
         @apply border border-gray-300 dark:border-gray-700 focus:border-blue-500 dark:focus:border-blue-500 focus:border-opacity-70 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-20 focus:outline-none;
         @apply leading-6 text-base font-medium text-gray-700 dark:text-gray-300 focus:text-gray-900 dark:focus:text-gray-100;
         @apply placeholder:text-gray-500 dark:focus:placeholder:text-gray-700 focus:placeholder:text-gray-300;
         @apply rounded-md;
     }
-    
+    .bx-std .bx-form-input-wrapper-password .bx-form-input-password,
+    .bx-artificer .bx-form-input-wrapper-password .bx-form-input-password {
+        @apply block w-full pl-3 py-2 pr-8;
+        @apply rounded-md;
+    }
+
     /* Common elements: Forms: Checkbox/Radio Set Input */
     .bx-artificer .bx-form-input-wrapper-checkbox_set,
     .bx-artificer .bx-form-input-wrapper-radio_set {