Skip to content

Commit

Permalink
Fix undoing Tailwind CSS focus ring
Browse files Browse the repository at this point in the history
  • Loading branch information
@zepfietje
zepfietje committed Oct 30, 2023
1 parent 0bd417b commit 5c70db3
Show file tree
Hide file tree
Showing 5 changed files with 10 additions and 10 deletions.
2 changes: 1 addition & 1 deletion packages/forms/dist/index.css
View file

Large diffs are not rendered by default.

12 changes: 6 additions & 6 deletions packages/forms/resources/views/components/date-time-picker.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -127,7 +127,7 @@
x-model="displayText"
@if ($id = $getId()) id="{{ $id }}" @endif
@class([
'w-full border-none bg-transparent px-3 py-1.5 text-base text-gray-950 outline-none transition duration-75 placeholder:text-gray-400 focus-visible:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] sm:text-sm sm:leading-6',
'w-full border-none bg-transparent px-3 py-1.5 text-base text-gray-950 outline-none transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] sm:text-sm sm:leading-6',
])
/>
</button>
Expand All @@ -147,7 +147,7 @@
<div class="flex items-center justify-between">
<select
x-model="focusedMonth"
class="grow cursor-pointer border-none bg-transparent p-0 text-sm font-medium text-gray-950 focus-visible:ring-0 dark:bg-gray-900 dark:text-white"
class="grow cursor-pointer border-none bg-transparent p-0 text-sm font-medium text-gray-950 focus:ring-0 dark:bg-gray-900 dark:text-white"
>
<template
x-for="(month, index) in months"
Expand All @@ -163,7 +163,7 @@ class="grow cursor-pointer border-none bg-transparent p-0 text-sm font-medium te
type="number"
inputmode="numeric"
x-model.debounce="focusedYear"
class="w-16 border-none bg-transparent p-0 text-right text-sm text-gray-950 focus-visible:ring-0 dark:text-white"
class="w-16 border-none bg-transparent p-0 text-right text-sm text-gray-950 focus:ring-0 dark:text-white"
/>
</div>

Expand Down Expand Up @@ -232,7 +232,7 @@ class="flex items-center justify-center rtl:flex-row-reverse"
type="number"
inputmode="numeric"
x-model.debounce="hour"
class="me-1 w-10 border-none bg-transparent p-0 text-center text-sm text-gray-950 focus-visible:ring-0 dark:text-white"
class="me-1 w-10 border-none bg-transparent p-0 text-center text-sm text-gray-950 focus:ring-0 dark:text-white"
/>

<span
Expand All @@ -248,7 +248,7 @@ class="text-sm font-medium text-gray-500 dark:text-gray-400"
type="number"
inputmode="numeric"
x-model.debounce="minute"
class="me-1 w-10 border-none bg-transparent p-0 text-center text-sm text-gray-950 focus-visible:ring-0 dark:text-white"
class="me-1 w-10 border-none bg-transparent p-0 text-center text-sm text-gray-950 focus:ring-0 dark:text-white"
/>

@if ($hasSeconds())
Expand All @@ -265,7 +265,7 @@ class="text-sm font-medium text-gray-500 dark:text-gray-400"
type="number"
inputmode="numeric"
x-model.debounce="second"
class="me-1 w-10 border-none bg-transparent p-0 text-center text-sm text-gray-950 focus-visible:ring-0 dark:text-white"
class="me-1 w-10 border-none bg-transparent p-0 text-center text-sm text-gray-950 focus:ring-0 dark:text-white"
/>
@endif
</div>
Expand Down
2 changes: 1 addition & 1 deletion packages/panels/dist/theme.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion packages/support/resources/views/components/input/index.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<input
{{
$attributes->class([
'fi-input block w-full border-none py-1.5 text-base text-gray-950 outline-none transition duration-75 placeholder:text-gray-400 focus-visible:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6',
'fi-input block w-full border-none py-1.5 text-base text-gray-950 transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6',
// A fully transparent white background color is used
// instead of transparent to fix a Safari bug
// where the date/time input "placeholder" colors too dark.
Expand Down
2 changes: 1 addition & 1 deletion packages/support/resources/views/components/input/select.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<select
{{
$attributes->class([
'fi-select-input block w-full border-none bg-transparent py-1.5 pe-8 text-base text-gray-950 transition duration-75 focus-visible:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] dark:text-white dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] sm:text-sm sm:leading-6 [&_optgroup]:bg-white [&_optgroup]:dark:bg-gray-900 [&_option]:bg-white [&_option]:dark:bg-gray-900',
'fi-select-input block w-full border-none bg-transparent py-1.5 pe-8 text-base text-gray-950 transition duration-75 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] dark:text-white dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] sm:text-sm sm:leading-6 [&_optgroup]:bg-white [&_optgroup]:dark:bg-gray-900 [&_option]:bg-white [&_option]:dark:bg-gray-900',
'ps-0' => $inlinePrefix,
'ps-3' => ! $inlinePrefix,
])
Expand Down

0 comments on commit 5c70db3

Please sign in to comment.