You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
1.1 KiB
62 lines
1.1 KiB
/* inline CSS style overrides for client shift start time picker */ |
|
/* required, datepicker popper inherits padding of parent field width */ |
|
#root |
|
> div |
|
> div:nth-child(2) |
|
> div:nth-child(1) |
|
> div |
|
> form |
|
> div.equal.width.fields |
|
> div:nth-child(3) |
|
> div |
|
> div.react-datepicker-popper |
|
> div |
|
> div.react-datepicker__time-container |
|
> div.react-datepicker__time |
|
> div |
|
> ul { |
|
padding-left: 0; |
|
padding-right: 0; |
|
} |
|
|
|
/* next two required because datepicker input ignores fluid anyways */ |
|
#root |
|
> div |
|
> div:nth-child(2) |
|
> div:nth-child(1) |
|
> div |
|
> form |
|
> div.equal.width.fields |
|
> div:nth-child(3) |
|
> div |
|
> div.react-datepicker-wrapper { |
|
width: 100%; |
|
} |
|
|
|
#root |
|
> div |
|
> div:nth-child(2) |
|
> div:nth-child(1) |
|
> div |
|
> form |
|
> div.equal.width.fields |
|
> div:nth-child(3) |
|
> div |
|
> div |
|
> div { |
|
width: 100%; |
|
} |
|
|
|
/* required so the inline two months view still looks decent on mobile */ |
|
@media only screen and (max-width: 470px) { |
|
#root |
|
> div |
|
> div:nth-child(2) |
|
> div:nth-child(1) |
|
> div |
|
> form |
|
> div:nth-child(3) |
|
> div { |
|
width: min-content; |
|
} |
|
}
|
|
|