Revert "Mark a FAB's root with data-fab"
This reverts commit 4d4862189a.
This commit is contained in:
@@ -9,9 +9,6 @@
|
|||||||
`<div class="fixed end-4 bottom-4"><x-fab icon="add" tooltip="New share" /></div>`. For a
|
`<div class="fixed end-4 bottom-4"><x-fab icon="add" tooltip="New share" /></div>`. For a
|
||||||
create action that is a FAB on a phone and a header button above, use `<x-button fab>`.
|
create action that is a FAB on a phone and a header button above, use `<x-button fab>`.
|
||||||
|
|
||||||
`data-fab` marks the root, so a component that nests a FAB can restyle it from its own
|
|
||||||
stylesheet — a rail drops its elevation to 0, as M3 asks of a nested FAB.
|
|
||||||
|
|
||||||
Sizes, corners and elevation from FabBaseline/Medium/LargeTokens and ExtendedFab*Tokens
|
Sizes, corners and elevation from FabBaseline/Medium/LargeTokens and ExtendedFab*Tokens
|
||||||
(androidx Compose Material 3, Apache-2.0). --}}
|
(androidx Compose Material 3, Apache-2.0). --}}
|
||||||
|
|
||||||
@@ -66,7 +63,7 @@
|
|||||||
], fn ($value): bool => $value !== null));
|
], fn ($value): bool => $value !== null));
|
||||||
@endphp
|
@endphp
|
||||||
|
|
||||||
<{{ $tag }} data-fab {{ $attributes }}>
|
<{{ $tag }} {{ $attributes }}>
|
||||||
@if ($icon)
|
@if ($icon)
|
||||||
<x-livewire-material::icon :name="$icon" :class="$iconSize" />
|
<x-livewire-material::icon :name="$icon" :class="$iconSize" />
|
||||||
@endif
|
@endif
|
||||||
|
|||||||
Reference in New Issue
Block a user