refactoring

This commit is contained in:
Burak Civan
2022-10-21 10:16:44 +03:00
parent aa614dedf9
commit bb72886380
4 changed files with 21 additions and 19 deletions

View File

@ -1,9 +1,11 @@
<span @class([
'w-3 h-3 rounded-full ltr:mr-1 rtl:ml-1', $backgroundColor, $textColor
])
@if (! empty($backgroundStyle))
style="background-color: {{ $backgroundStyle }}"
@endif
>
</span>
<span class="w-24 truncate">{{ $name }}</span>
<div class="flex items-center">
<span @class([
'w-3 h-3 rounded-full ltr:mr-1 rtl:ml-1', $backgroundColor, $textColor
])
@if (! empty($backgroundStyle))
style="background-color: {{ $backgroundStyle }}"
@endif
>
</span>
<span class="w-24 truncate">{{ $name }}</span>
</div>

View File

@ -13,7 +13,7 @@
<!-- There needs to be two div for disable/enable icons. If I don't create this div, animation will work with disable/enable icons. With javascript will add (truncate) class nam -->
<div>
<!-- this tag use for calculate width of text and parent element -->
<span data-truncate>
<span data-truncate-marquee>
{!! $first !!}
</span>
</div>
@ -32,7 +32,7 @@
<div {{ $second_attributes }}>
<div>
<div>
<span data-truncate>
<span data-truncate-marquee>
{!! $second !!}
</span>
</div>
@ -42,7 +42,7 @@
<div>
<div>
<span data-truncate>
<span data-truncate-marquee>
{{ $slot }}
</span>
</div>

View File

@ -13,7 +13,7 @@
<!-- There needs to be two div for disable/enable icons. If I don't create this div, animation will work with disable/enable icons -->
<div>
<!-- this tag use for calculate width of text and parent element -->
<span data-truncate>
<span data-truncate-marquee>
{!! $first !!}
</span>
</div>
@ -32,7 +32,7 @@
<div {{ $second_attributes }}>
<div>
<div>
<span data-truncate>
<span data-truncate-marquee>
{!! $second !!}
</span>
</div>
@ -42,7 +42,7 @@
<div>
<div>
<span data-truncate>
<span data-truncate-marquee>
{{ $slot }}
</span>
</div>