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

Add styling for dropdown menus

Browse source
This commit is contained in:
Dane Everitt 2019-05-14 16:48:23 -07:00
parent c6633057b6
commit be03dba5b5
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
1 changed files with 20 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -65,6 +65,26 @@ input[type=number] {
}
}
select:not(.appearance-none) {
@apply .outline-none .appearance-none .block .bg-white .border .border-neutral-200 .text-neutral-400 .p-3 .pr-8 rounded;
transition: border-color 150ms linear, color 150ms linear;
&:hover:not(:disabled), &:focus {
@apply .outline-none .border-primary-500 .text-neutral-700;
}
-webkit-appearance: none;
-moz-appearance: none;
&::-ms-expand {
display: none;
}
background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath d='M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z'/%3e%3c/svg%3e ") no-repeat center center;
background-size: 1rem;
background-position-x: calc(100% - 0.75rem);
}
.input-label {
@apply .block .uppercase .tracking-wide .text-neutral-800 .text-xs .font-bold .mb-2;
}