Merge pull request #2775 from brkcvn/master

Added responsive classname
This commit is contained in:
Burak Civan 2022-11-24 17:35:54 +03:00 committed by GitHub
commit 0ab2a7966c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 3 additions and 2 deletions

View File

@ -456,6 +456,7 @@ document.querySelectorAll('[data-index-icon]').forEach((defaultText) => {
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);

View File

@ -179,7 +179,7 @@ export default {
//swiper slider for long tabs items
for (let [index, item] of document.querySelectorAll('[data-swiper]').entries()) {
if (item.clientWidth < item.querySelector('[data-tabs-swiper-wrapper]').clientWidth) {
if (item.clientWidth < item.querySelector('[data-tabs-swiper-wrapper]').clientWidth && ! item.querySelector('[data-tabs-swiper-wrapper]').getAttribute('data-disable-slider', true)) {
let initial_slide = 0;
let hash_split = window.location.hash.split('#')[1];
let loop = 0;

View File

@ -10,7 +10,7 @@
<div data-swiper="{{ $slides }}" x-data="{ active: window.location.hash.split('#')[1] == undefined ? '{{ $active }}' : window.location.hash.split('#')[1] }">
<div data-tabs-swiper>
<ul data-tabs-swiper-wrapper {{ ((! $attributes->has('override')) || ($attributes->has('override') && ! in_array('class', explode(',', $attributes->get('override'))))) ? $attributes->merge(['class' => 'inline-flex']) : $attributes }}>
<ul data-tabs-swiper-wrapper {{ ((! $attributes->has('override')) || ($attributes->has('override') && ! in_array('class', explode(',', $attributes->get('override'))))) ? $attributes->merge(['class' => 'inline-flex overflow-x-scroll large-overflow-unset']) : $attributes }}>
{!! $navs !!}
</ul>
</div>