Skynet/misc_pterodactyl-panel
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove the glow on inputs in Safari/Chrome

Browse source
This commit is contained in:
Dane Everitt 2018-06-16 17:00:35 -07:00
parent 462e59e330
commit 7d509e8ae5
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
1 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
resources/assets/styles/components/forms.css
View file

@ -1,3 +1,7 @@
textarea, select, input, button {
outline: none;
}
/** /**
* Styles for the login form open input boxes. Label floats up above it when content * Styles for the login form open input boxes. Label floats up above it when content
* is input and then sinks back down into the field if left empty. * is input and then sinks back down into the field if left empty.
@ -31,6 +35,9 @@
transition: transform 200ms ease-out; transition: transform 200ms ease-out;
} }
/**
* Styling for other forms throughout the Panel.
*/
.input:not(.open-label) { .input:not(.open-label) {
@apply .appearance-none .p-3 .rounded .border .text-grey-darker .w-full; @apply .appearance-none .p-3 .rounded .border .text-grey-darker .w-full;
transition: all 100ms linear; transition: all 100ms linear;