added css class for tabs
This commit is contained in:
parent
96fa22029a
commit
bac9e56c62
17
public/akaunting-js/generalAction.js
vendored
17
public/akaunting-js/generalAction.js
vendored
@ -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)
|
//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) => {
|
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')) {
|
if (icon_parents_element.classList.contains('flex')) {
|
||||||
icon_parents_element.appendChild(defaultText);
|
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);
|
|
||||||
} else {
|
} 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);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
@ -3,7 +3,7 @@
|
|||||||
<div id="header" class="xl:pt-6 -mt-2">
|
<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 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 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">
|
<h1 class="flex items-center text-2xl xl:text-5xl text-black font-light -ml-0.5 mt-2 whitespace-nowrap">
|
||||||
<x-title>
|
<x-title>
|
||||||
{!! $title !!}
|
{!! $title !!}
|
||||||
@ -13,7 +13,7 @@
|
|||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
@if (! empty($status))
|
@if (! empty($status))
|
||||||
<div class="ltr:ml-4 rtl:mr-4 mt-2">
|
<div class="ltr:ml-4 rtl:mr-4 -mt-4">
|
||||||
{!! $status !!}
|
{!! $status !!}
|
||||||
</div>
|
</div>
|
||||||
@endif
|
@endif
|
||||||
|
@ -3,7 +3,7 @@
|
|||||||
<div id="header" class="xl:pt-6 -mt-2">
|
<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 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 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">
|
<h1 class="flex items-center text-2xl xl:text-5xl text-black font-light -ml-0.5 mt-2 whitespace-nowrap">
|
||||||
<x-title>
|
<x-title>
|
||||||
{!! $title !!}
|
{!! $title !!}
|
||||||
@ -13,7 +13,7 @@
|
|||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
@if (! empty($status))
|
@if (! empty($status))
|
||||||
<div class="ltr:ml-4 rtl:mr-4 mt-2">
|
<div class="ltr:ml-4 rtl:mr-4 -mt-4">
|
||||||
{!! $status !!}
|
{!! $status !!}
|
||||||
</div>
|
</div>
|
||||||
@endif
|
@endif
|
||||||
|
@ -3,7 +3,7 @@
|
|||||||
<div id="header" class="xl:pt-6 -mt-2">
|
<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 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 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">
|
<h1 class="flex items-center text-2xl xl:text-5xl text-black font-light -ml-0.5 mt-2 whitespace-nowrap">
|
||||||
<x-title>
|
<x-title>
|
||||||
{!! $title !!}
|
{!! $title !!}
|
||||||
@ -13,7 +13,7 @@
|
|||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
@if (! empty($status))
|
@if (! empty($status))
|
||||||
<div class="ltr:ml-4 rtl:mr-4 mt-2">
|
<div class="ltr:ml-4 rtl:mr-4 -mt-4">
|
||||||
{!! $status !!}
|
{!! $status !!}
|
||||||
</div>
|
</div>
|
||||||
@endif
|
@endif
|
||||||
|
@ -3,7 +3,7 @@
|
|||||||
<div id="header" class="xl:pt-6 -mt-2">
|
<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 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 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">
|
<h1 class="flex items-center text-2xl xl:text-5xl text-black font-light -ml-0.5 mt-2 whitespace-nowrap">
|
||||||
<x-title>
|
<x-title>
|
||||||
{!! $title !!}
|
{!! $title !!}
|
||||||
@ -13,7 +13,7 @@
|
|||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
@if (! empty($status))
|
@if (! empty($status))
|
||||||
<div class="ltr:ml-4 rtl:mr-4 mt-2">
|
<div class="ltr:ml-4 rtl:mr-4 -mt-4">
|
||||||
{!! $status !!}
|
{!! $status !!}
|
||||||
</div>
|
</div>
|
||||||
@endif
|
@endif
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
@props(['id', 'name', 'href', 'active'])
|
@props(['id', 'name', 'href', 'active'])
|
||||||
|
|
||||||
<li
|
<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 }}"
|
id="tab-{{ $id }}"
|
||||||
data-id="tab-{{ $id }}"
|
data-id="tab-{{ $id }}"
|
||||||
data-tabs="{{ $id }}"
|
data-tabs="{{ $id }}"
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
@props(['id', 'name', 'active'])
|
@props(['id', 'name', 'active'])
|
||||||
|
|
||||||
<li
|
<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 }}"
|
id="tab-{{ $id }}"
|
||||||
data-id="tab-{{ $id }}"
|
data-id="tab-{{ $id }}"
|
||||||
data-tabs="{{ $id }}"
|
data-tabs="{{ $id }}"
|
||||||
|
@ -3,7 +3,7 @@
|
|||||||
<span
|
<span
|
||||||
id="{{ $favorited ? 'remove-from-favorite' : 'add-to-favorite' }}"
|
id="{{ $favorited ? 'remove-from-favorite' : 'add-to-favorite' }}"
|
||||||
@class([
|
@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-outlined transform transition-all hover:scale-125' => ($favorited) ? false : true,
|
||||||
'material-icons' => (! $favorited) ? false : true,
|
'material-icons' => (! $favorited) ? false : true,
|
||||||
])
|
])
|
||||||
|
Loading…
x
Reference in New Issue
Block a user