Merge pull request #2774 from brkcvn/master

Added style class into the tabs
This commit is contained in:
Burak Civan 2022-11-24 16:34:35 +03:00 committed by GitHub
commit dd9afe01a3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
8 changed files with 20 additions and 19 deletions

View File

@ -451,16 +451,17 @@ document.querySelectorAll('[data-truncate-marquee]').forEach((truncate) => {
//disable/enable icons ejected from data-truncate-marquee, HTML of icons ejected from parent element (data-truncate-marquee)
document.querySelectorAll('[data-index-icon]').forEach((defaultText) => {
let icon_parents_element = defaultText.parentElement.parentElement.parentElement;
if (defaultText.closest('tr')) {
let icon_parents_element = defaultText.parentElement.parentElement.parentElement;
if (icon_parents_element.classList.contains('flex')) {
icon_parents_element.appendChild(defaultText);
icon_parents_element.classList.remove('truncate');
} else {
if (icon_parents_element.classList.contains('overflow-x-hidden')) {
icon_parents_element.parentElement.appendChild(defaultText);
if (icon_parents_element.classList.contains('flex')) {
icon_parents_element.appendChild(defaultText);
} else {
defaultText.parentElement.appendChild(defaultText);
if (icon_parents_element.classList.contains('overflow-x-hidden')) {
icon_parents_element.parentElement.appendChild(defaultText);
} else {
defaultText.parentElement.appendChild(defaultText);
}
}
}
});

View File

@ -3,7 +3,7 @@
<div id="header" class="xl:pt-6 -mt-2">
<div class="flex flex-col sm:flex-row items-start justify-between sm:space-x-4 hide-empty-page">
<div data-page-title-first class="w-full sm:w-6/12 items-center mb-3 sm:mb-0">
<div class="flex items-center">
<div class="flex items-center space-y-4">
<h1 class="flex items-center text-2xl xl:text-5xl text-black font-light -ml-0.5 mt-2 whitespace-nowrap">
<x-title>
{!! $title !!}
@ -13,7 +13,7 @@
</h1>
@if (! empty($status))
<div class="ltr:ml-4 rtl:mr-4 mt-2">
<div class="ltr:ml-4 rtl:mr-4 -mt-4">
{!! $status !!}
</div>
@endif

View File

@ -3,7 +3,7 @@
<div id="header" class="xl:pt-6 -mt-2">
<div class="flex flex-col sm:flex-row items-start justify-between sm:space-x-4 hide-empty-page">
<div data-page-title-first class="w-full sm:w-6/12 items-center mb-3 sm:mb-0">
<div class="flex items-center">
<div class="flex items-center space-y-4">
<h1 class="flex items-center text-2xl xl:text-5xl text-black font-light -ml-0.5 mt-2 whitespace-nowrap">
<x-title>
{!! $title !!}
@ -13,7 +13,7 @@
</h1>
@if (! empty($status))
<div class="ltr:ml-4 rtl:mr-4 mt-2">
<div class="ltr:ml-4 rtl:mr-4 -mt-4">
{!! $status !!}
</div>
@endif

View File

@ -3,7 +3,7 @@
<div id="header" class="xl:pt-6 -mt-2">
<div class="flex flex-col sm:flex-row items-start justify-between sm:space-x-4 hide-empty-page">
<div data-page-title-first class="w-full sm:w-6/12 items-center mb-3 sm:mb-0">
<div class="flex items-center">
<div class="flex items-center space-y-4">
<h1 class="flex items-center text-2xl xl:text-5xl text-black font-light -ml-0.5 mt-2 whitespace-nowrap">
<x-title>
{!! $title !!}
@ -13,7 +13,7 @@
</h1>
@if (! empty($status))
<div class="ltr:ml-4 rtl:mr-4 mt-2">
<div class="ltr:ml-4 rtl:mr-4 -mt-4">
{!! $status !!}
</div>
@endif

View File

@ -3,7 +3,7 @@
<div id="header" class="xl:pt-6 -mt-2">
<div lass="flex flex-col sm:flex-row items-start justify-between sm:space-x-4 hide-empty-page">
<div data-page-title-first class="w-full sm:w-6/12 items-center mb-3 sm:mb-0">
<div class="flex items-center">
<div class="flex items-center space-y-4">
<h1 class="flex items-center text-2xl xl:text-5xl text-black font-light -ml-0.5 mt-2 whitespace-nowrap">
<x-title>
{!! $title !!}
@ -13,7 +13,7 @@
</h1>
@if (! empty($status))
<div class="ltr:ml-4 rtl:mr-4 mt-2">
<div class="ltr:ml-4 rtl:mr-4 -mt-4">
{!! $status !!}
</div>
@endif

View File

@ -1,7 +1,7 @@
@props(['id', 'name', 'href', 'active'])
<li
class="relative px-8 text-sm text-center pb-2 cursor-pointer transition-all border-b whitespace-nowrap tabs-link"
class="relative flex-auto px-8 text-sm text-center pb-2 cursor-pointer transition-all border-b whitespace-nowrap tabs-link"
id="tab-{{ $id }}"
data-id="tab-{{ $id }}"
data-tabs="{{ $id }}"

View File

@ -1,7 +1,7 @@
@props(['id', 'name', 'active'])
<li
class="relative px-8 text-sm text-center pb-2 cursor-pointer transition-all border-b whitespace-nowrap tabs-link"
class="relative flex-auto px-8 text-sm text-center pb-2 cursor-pointer transition-all border-b whitespace-nowrap tabs-link"
id="tab-{{ $id }}"
data-id="tab-{{ $id }}"
data-tabs="{{ $id }}"

View File

@ -3,7 +3,7 @@
<span
id="{{ $favorited ? 'remove-from-favorite' : 'add-to-favorite' }}"
@class([
'flex items-center text-purple text-2xl ltr:ml-2 rtl:mr-2 lg:mt-4 cursor-pointer',
'flex items-center text-purple text-2xl ltr:ml-2 rtl:mr-2 cursor-pointer',
'material-icons-outlined transform transition-all hover:scale-125' => ($favorited) ? false : true,
'material-icons' => (! $favorited) ? false : true,
])