diff -u b/core/themes/claro/css/components/form--text.css b/core/themes/claro/css/components/form--text.css --- b/core/themes/claro/css/components/form--text.css +++ b/core/themes/claro/css/components/form--text.css @@ -66,26 +66,13 @@ text-indent: calc(0.75rem - 1px); /* Text-input fallback for non-supporting browsers like Safari */ } -.form-element--type-file { - /** - * Reset value border and background of the file input on IE11 and Edge. - */ -} - .form-element--type-file::-ms-value { - border: 0; + border: 0; /* Reset value border and background of the file input on IE11 and Edge. */ background: inherit; } -.form-element--type-file { - - /** - * Better upload button alignment for Chrome. - */ -} - .form-element--type-file::-webkit-file-upload-button { - vertical-align: top; + vertical-align: top; /* Better upload button alignment for Chrome. */ } /** @@ -126,7 +113,7 @@ .form-element.error { border-width: 2px; - border-color: #dc2323 + border-color: #dc2323; } .form-element.error:hover { @@ -150,8 +137,7 @@ border-color: #bababf; background-color: #f2f2f3; box-shadow: none; - /* https://stackoverflow.com/q/262158#answer-23511280 */ - -webkit-text-fill-color: #828388; + -webkit-text-fill-color: #828388; /* https://stackoverflow.com/q/262158#answer-23511280 */ } /** @@ -165,7 +151,7 @@ width: 100%; margin-top: 0.75rem; margin-right: 0; - margin-left: 0 + margin-left: 0; } .form-element:first-child, .form-element + .form-item__label { diff -u b/core/themes/claro/css/components/form--text.pcss.css b/core/themes/claro/css/components/form--text.pcss.css --- b/core/themes/claro/css/components/form--text.pcss.css +++ b/core/themes/claro/css/components/form--text.pcss.css @@ -56,19 +56,12 @@ } .form-element--type-file { - /** - * Reset value border and background of the file input on IE11 and Edge. - */ &::-ms-value { - border: 0; + border: 0; /* Reset value border and background of the file input on IE11 and Edge. */ background: inherit; } - - /** - * Better upload button alignment for Chrome. - */ &::-webkit-file-upload-button { - vertical-align: top; + vertical-align: top; /* Better upload button alignment for Chrome. */ } } @@ -130,8 +123,7 @@ border-color: var(--input--disabled-border-color); background-color: var(--input--disabled-bg-color); box-shadow: none; - /* https://stackoverflow.com/q/262158#answer-23511280 */ - -webkit-text-fill-color: var(--input--disabled-fg-color); + -webkit-text-fill-color: var(--input--disabled-fg-color); /* https://stackoverflow.com/q/262158#answer-23511280 */ } /**