mirror of
https://github.com/filamentphp/filament.git
synced 2026-10-15 20:06:31 +08:00
Vincent KlaiberandDan Harrin
c831b6a3fb
* Adjust the input CSS for responsive text sizes on mobile devices 16px or Larger Text Prevents iOS Form Zoom https://css-tricks.com/16px-or-larger-text-prevents-ios-form-zoom/ Signed-off-by: Vincent Klaiber <vinkla@users.noreply.github.com> * Change input text size to 'text-base' Updated text size for input component to 'text-base'. Signed-off-by: Vincent Klaiber <vinkla@users.noreply.github.com> * fix: adjust input text size for better compatibility with Safari * add to select and textarea --------- Signed-off-by: Vincent Klaiber <vinkla@users.noreply.github.com> Co-authored-by: Dan Harrin <git@danharrin.com>
27 lines
985 B
CSS
27 lines
985 B
CSS
.fi-fo-textarea {
|
|
@apply overflow-hidden;
|
|
|
|
& textarea {
|
|
@apply block h-full w-full border-none bg-transparent px-3 py-1.5 text-sm leading-6 text-gray-950 placeholder:text-gray-400 focus:ring-0 focus:outline-none disabled:text-gray-500 disabled:[-webkit-text-fill-color:var(--color-gray-500)] disabled:placeholder:[-webkit-text-fill-color:var(--color-gray-400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:var(--color-gray-400)] dark:disabled:placeholder:[-webkit-text-fill-color:var(--color-gray-500)];
|
|
|
|
/* https://defensivecss.dev/tip/input-zoom-safari */
|
|
@supports (-webkit-touch-callout: none) {
|
|
@apply text-base;
|
|
}
|
|
}
|
|
|
|
&.fi-autosizable {
|
|
& textarea {
|
|
@apply resize-none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.fi-fo-textarea-wrp {
|
|
&.fi-fo-field-has-inline-label {
|
|
& .fi-fo-field-label-col {
|
|
@apply sm:pt-1.5;
|
|
}
|
|
}
|
|
}
|