refactoring
This commit is contained in:
		@@ -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>
 | 
			
		||||
 
 | 
			
		||||
@@ -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>
 | 
			
		||||
 
 | 
			
		||||
@@ -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>
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user