improved user experience tab control

pull/49/head
A1Gard 3 months ago
parent fcaa56f6e6
commit 43a0202338

@ -13,4 +13,8 @@ document.addEventListener('DOMContentLoaded', function () {
}); });
}); });
} }
if(window.location.hash) {
document.querySelector(`.tab-control [href="${window.location.hash}"]`)?.click();
}
}); });

@ -188,6 +188,7 @@
"Expire date": "تاریخ انقضا", "Expire date": "تاریخ انقضا",
"Extra description": "توضیحات اضافه", "Extra description": "توضیحات اضافه",
"False": "خیر", "False": "خیر",
"Favorites": "علاقه‌مندی‌ها",
"Feature image": "تصویر شاخص", "Feature image": "تصویر شاخص",
"File": "پرونده", "File": "پرونده",
"File ext": "پسوند پرونده", "File ext": "پسوند پرونده",
@ -219,7 +220,7 @@
"Image deleted successfully": "تصویر حذف شد", "Image deleted successfully": "تصویر حذف شد",
"Image uploaded successfully": "تصویر افزوده شد", "Image uploaded successfully": "تصویر افزوده شد",
"Images": "تصاویر", "Images": "تصاویر",
"Increase \/ decrease by Admin": "افزودن / کاهش توسط مدیر سایت", "Increase \/ decrease by Admin": "افزودن \/ کاهش توسط مدیر سایت",
"Index image": "تصویر شاخص", "Index image": "تصویر شاخص",
"Information": "اطلاعات", "Information": "اطلاعات",
"Interaction": "تعامل", "Interaction": "تعامل",

@ -59,6 +59,12 @@
{{__("Comments")}} {{__("Comments")}}
</a> </a>
</li> </li>
<li>
<a href="#favs">
<i class="ri-hearts-line"></i>
{{__("Favorites")}}
</a>
</li>
<li> <li>
<a href="{{route('client.sign-out')}}"> <a href="{{route('client.sign-out')}}">
<i class="ri-logout-box-line"></i> <i class="ri-logout-box-line"></i>
@ -334,6 +340,9 @@
<div class="tab" id="addresses"> <div class="tab" id="addresses">
{{-- WIP submit new ticket --}} {{-- WIP submit new ticket --}}
</div> </div>
<div class="tab" id="favs">
{{-- WIP submit new ticket --}}
</div>
</div> </div>
</div> </div>
</div> </div>

@ -1,5 +1,6 @@
#AvisaCustomer { #AvisaCustomer {
padding: 2rem 0; padding: 2rem 0;
.avisa-avatar { .avisa-avatar {
height: 128px; height: 128px;
width: 128px; width: 128px;
@ -24,6 +25,9 @@
display: block; display: block;
font-size: 20px; font-size: 20px;
transition: 500ms; transition: 500ms;
white-space: nowrap;
text-overflow: ellipsis;
overflow-x: hidden;
&.active, &:hover { &.active, &:hover {
background: var(--xshop-secondary); background: var(--xshop-secondary);

Loading…
Cancel
Save