shihaam/akaunting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added pointer-event-none

Browse Source
This commit is contained in:
Burak Civan
2022-09-20 10:17:14 +03:00
parent 6db13cf06b
commit 300d4e8f53
20 changed files with 51 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
resources/views/components/layouts/portal/menu.blade.php
View File

@ -19,7 +19,7 @@
class="flex flex-col items-center justify-center mb-5 cursor-pointer menu-button"
data-menu="profile-menu"
>
<span name="account_circle" class="material-icons-outlined w-8 h-8 flex items-center justify-center text-purple text-2xl hidden">
<span name="account_circle" class="material-icons-outlined w-8 h-8 flex items-center justify-center text-purple text-2xl hidden pointer-events-none">
account_circle
</span>
@ -28,7 +28,7 @@
@elseif (is_object(user()->picture))
<img src="{{ Storage::url(user()->picture->id) }}" class="w-8 h-8 m-auto rounded-full" alt="{{ user()->name }}" title="{{ user()->name }}">
@else
<span name="account_circle" class="material-icons-outlined text-purple w-8 h-8 flex items-center justify-center text-center text-2xl" alt="{{ user()->name }}" title="{{ user()->name }}">
<span name="account_circle" class="material-icons-outlined text-purple w-8 h-8 flex items-center justify-center text-center text-2xl pointer-events-none" alt="{{ user()->name }}" title="{{ user()->name }}">
account_circle
</span>
@endif
@ -48,7 +48,7 @@
'animate-vibrate' => user()->unreadNotifications->count(),
])
data-menu="notifications-menu">
<span name="notifications" class="material-icons-outlined text-purple text-2xl">notifications</span>
<span name="notifications" class="material-icons-outlined text-purple text-2xl pointer-events-none">notifications</span>
@if (user()->unreadNotifications->count())
<span data-notification-count class="w-2 h-2 absolute top-2 right-2 inline-flex items-center justify-center p-2.5 text-xs text-white font-bold leading-none transform translate-x-1/2 -translate-y-1/2 bg-orange rounded-full">
@ -61,13 +61,13 @@
<x-tooltip id="tooltip-search" placement="right" message="{{ trans('general.search') }}">
<button type="button" class="flex items-center menu-button justify-center w-8 h-8 mb-2.5 relative cursor-pointer">
<span name="search" class="material-icons-outlined text-purple text-2xl">search</span>
<span name="search" class="material-icons-outlined text-purple text-2xl pointer-events-none">search</span>
</button>
</x-tooltip>
<x-tooltip id="tooltip-support" placement="right" message="{{ trans('general.help') }}">
<x-link href="{{ url(trans('header.support_link')) }}" target="_blank" class="flex items-center justify-center w-8 h-8 mb-2.5 cursor-pointer js-menu-toggles" override="class">
<span class="material-icons-outlined text-purple text-2xl">support</span>
<span class="material-icons-outlined text-purple text-2xl pointer-events-none">support</span>
</x-link>
</x-tooltip>
</div>
@ -136,7 +136,7 @@
@elseif (is_object(user()->picture))
<img src="{{ Storage::url(user()->picture->id) }}" class="w-8 h-8 rounded-full" alt="{{ user()->name }}" title="{{ user()->name }}">
@else
<span name="account_circle" class="material-icons-outlined w-8 h-8 flex items-center justify-center text-purple text-2xl" alt="{{ user()->name }}" title="{{ user()->name }}">account_circle</span>
<span name="account_circle" class="material-icons-outlined w-8 h-8 flex items-center justify-center text-purple text-2xl pointer-events-none" alt="{{ user()->name }}" title="{{ user()->name }}">account_circle</span>
@endif
@stack('navbar_profile_welcome')
@ -154,7 +154,7 @@
@can('read-notifications')
<div class="notifications-menu user-menu menu-list fixed h-full ltr:-left-80 rtl:-right-80">
<div class="flex items-center mb-3">
<span name="notifications" class="material-icons-outlined w-8 h-8 flex items-center justify-center text-purple text-2xl">notifications</span>
<span name="notifications" class="material-icons-outlined w-8 h-8 flex items-center justify-center text-purple text-2xl pointer-events-none">notifications</span>
<div class="text-black ltr:ml-1 rtl:mr-1">
{{ trans_choice('general.your_notifications', 2) }}
@ -166,10 +166,10 @@
@endcan
<button type="button" class="toggle-button absolute ltr:-right-2 rtl:-left-2 top-8 cursor-pointer transition-opacity ease-in-out z-50">
<span class="material-icons text-lg text-purple transform ltr:rotate-90 rtl:-rotate-90">expand_circle_down</span>
<span class="material-icons text-lg text-purple transform ltr:rotate-90 rtl:-rotate-90 pointer-events-none">expand_circle_down</span>
</button>
<span data-menu-close class="material-icons absolute ltr:-right-2 rtl:right-12 transition-all top-8 text-lg text-purple cursor-pointer z-10 hidden">cancel</span>
<span data-menu-close class="material-icons absolute ltr:-right-2 rtl:right-12 transition-all top-8 text-lg text-purple cursor-pointer z-10 hidden pointer-events-none">cancel</span>
<div class="fixed w-full h-full invisible lg:hidden js-menu-background" style="background-color: rgba(0, 0, 0, 0.5); z-index: -1;"></div>
</div>