Chneemann/join
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

select field safari styling

Browse source
This commit is contained in:
Chneemann 2024-04-27 22:44:26 +02:00
parent 8d88287efe
commit b26f042a39
2 changed files with 16 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/app/components/add-task/add-task.component.html
View file

@ -226,6 +226,11 @@
<option value="User Story">User Story</option> <option value="User Story">User Story</option>
<option value="Technical Task">Technical Task</option> <option value="Technical Task">Technical Task</option>
</select> </select>
<img
class="open"
src="./../../../assets/img/add-task/arrow-down.svg"
alt=""
/>
<div class="error-msg"> <div class="error-msg">
@if (!category.valid && category.touched) { @if (!category.valid && category.touched) {
<p>You must select a category</p> <p>You must select a category</p>

11
src/app/components/add-task/add-task.component.scss
View file

@ -46,6 +46,9 @@ select {
padding: 12px 21px; padding: 12px 21px;
width: calc(100% - 42px); width: calc(100% - 42px);
resize: none; resize: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
} }
input.ng-invalid.ng-touched, input.ng-invalid.ng-touched,
@ -273,9 +276,17 @@ p {
} }
.category { .category {
position: relative;
select { select {
width: 100%; width: 100%;
} }
img {
position: absolute;
top: 53px;
right: 20px;
width: 14px;
height: 7px;
}
} }
/*------------- SUBMIT BUTTON -------------*/ /*------------- SUBMIT BUTTON -------------*/