added pointer-event-none

akaunting · Sep 20, 2022 · 300d4e8 · 300d4e8
1 parent 6db13cf
commit 300d4e8
Show file tree

Hide file tree

Showing 20 changed files with 51 additions and 51 deletions.
diff --git a/app/View/Presenters/Menu.php b/app/View/Presenters/Menu.php
@@ -34,11 +34,11 @@ public function getCloseTagWrapper()
      */
     public function getMenuWithoutDropdownWrapper($item)
     {
-        return '<li class="group relative pb-2.5">
-                    <a id="' . $this->getId($item) . '" class="' . $this->getClass($item) . '" href="' . $item->getUrl() . '" ' . $item->getAttributes() . '>
+        return '<li class="group relative pb-2.5 text-sm">
+                    <a id="' . $this->getId($item) . '" class="' . $this->getClass($item) . ''. $this->getActiveState($item) . '" href="' . $item->getUrl() . '" ' . $item->getAttributes() . '>
                         ' . $this->getIcon($item) . '
-                        <span class="text-sm ltr:ml-2 rtl:mr-2' . $this->getActiveState($item) . '">' . $item->title . '</span>
-                        <span class="bg-purple absolute h-5 -right-5 rounded-tl-lg rounded-bl-lg opacity-0 group-hover:opacity-100 transition-all" style="width: 5px;"></span>
+                        ' . $item->title . '
+                        <span class="bg-purple absolute h-5 -right-5 rounded-tl-lg rounded-bl-lg opacity-0 group-hover:opacity-100 transition-all pointer-events-none" style="width: 5px;"></span>
                     </a>
                 </li>'
                 . PHP_EOL;
@@ -104,9 +104,9 @@ public function getMenuWithDropDownWrapper($item)
         return '
         <details ' . $this->getActiveStateOnChild($item) . '>
             <summary class="block" href="#navbar-' . $id . '">
-                <div class="relative pb-2.5 flex items-center cursor-pointer text-purple">
+                <div class="relative pb-2.5 flex items-center cursor-pointer text-purple text-sm">
                     ' . $this->getIcon($item) . '
-                    <span class="text-sm ltr:ml-2 rtl:mr-2">' . $item->title . '</span>
+                    ' . $item->title . '
                     ' . $this->getChevron($item) . '
                 </div>
             </summary>
@@ -132,10 +132,10 @@ public function getMultiLevelDropdownWrapper($item)
 
         return '<details class="relative">
                     <summary class="' . $this->getClass($item). '" href="#navbar-' . $id . '" aria-controls="navbar-' . $id . '">
-                        <div class="pb-2.5 flex items-center cursor-pointer text-purple">
+                        <div class="pb-2.5 flex items-center cursor-pointer text-purple text-sm '. $this->getActiveState($item) .'">
                             ' . $this->getIcon($item) . '
-                            <span class="text-sm ltr:ml-2 rtl:mr-2'. $this->getActiveState($item) .'">' . $item->title . '</span>
-                            <span class="bg-purple absolute h-5 -right-5 rounded-tl-lg rounded-bl-lg opacity-0 group-hover:opacity-100 transition-all" style="width: 5px;"></span>
+                            ' . $item->title . '
+                            <span class="bg-purple absolute h-5 -right-5 rounded-tl-lg rounded-bl-lg opacity-0 group-hover:opacity-100 transition-all pointer-events-none" style="width: 5px;"></span>
                             ' . $this->getChevron($item) . '
                         </div>
                     </summary>
@@ -226,7 +226,7 @@ public function getIcon($item)
             $icon_content = '<span class="material-icons' . $state . ' text-purple text-2xl">' . $item->icon . '</span>';
         }
 
-        return '<div class="w-8 h-8 flex items-center justify-center">
+        return '<div class="w-8 h-8 flex items-center justify-center ltr:mr-2 rtl:ml-2 pointer-events-none">
                     ' . $icon_content . '
                 </div>' . PHP_EOL;
     }

diff --git a/resources/views/banking/accounts/show.blade.php b/resources/views/banking/accounts/show.blade.php
@@ -73,7 +73,7 @@
 
         <x-dropdown id="show-more-actions-account">
             <x-slot name="trigger">
-                <span class="material-icons">more_horiz</span>
+                <span class="material-icons pointer-events-none">more_horiz</span>
             </x-slot>
 
             @stack('see_performance_button_start')

diff --git a/resources/views/banking/transactions/index.blade.php b/resources/views/banking/transactions/index.blade.php
@@ -24,7 +24,7 @@
     <x-slot name="moreButtons">
         <x-dropdown id="dropdown-more-actions">
             <x-slot name="trigger">
-                <span class="material-icons">more_horiz</span>
+                <span class="material-icons pointer-events-none">more_horiz</span>
             </x-slot>
 
             @can('create-banking-transactions')

diff --git a/resources/views/banking/transfers/index.blade.php b/resources/views/banking/transfers/index.blade.php
@@ -20,7 +20,7 @@
     <x-slot name="moreButtons">
         <x-dropdown id="dropdown-more-actions">
             <x-slot name="trigger">
-                <span class="material-icons">more_horiz</span>
+                <span class="material-icons pointer-events-none">more_horiz</span>
             </x-slot>
 
             @can('create-banking-transfers')

diff --git a/resources/views/common/dashboards/show.blade.php b/resources/views/common/dashboards/show.blade.php
@@ -103,7 +103,7 @@
                 <x-dropdown id="show-more-actions-dashboard">
                     <x-slot name="trigger" class="flex" override="class">
                         <span class="w-8 h-8 flex items-center justify-center px-2 py-2 ltr:ml-2 rtl:mr-2 hover:bg-gray-100 rounded-xl text-purple text-sm font-medium leading-6">
-                            <span class="material-icons">more_vert</span>
+                            <span class="material-icons pointer-events-none">more_vert</span>
                         </span>
                     </x-slot>
 

diff --git a/resources/views/common/items/index.blade.php b/resources/views/common/items/index.blade.php
@@ -18,7 +18,7 @@
     <x-slot name="moreButtons">
         <x-dropdown id="dropdown-more-actions">
             <x-slot name="trigger">
-                <span class="material-icons">more_horiz</span>
+                <span class="material-icons pointer-events-none">more_horiz</span>
             </x-slot>
 
             @can('create-common-items')

diff --git a/resources/views/common/reports/index.blade.php b/resources/views/common/reports/index.blade.php
@@ -61,7 +61,7 @@
                                 <x-dropdown id="index-line-actions-report-{{ $category_id }}-{{ $report->id }}">
                                     <x-slot name="trigger" class="flex" override="class">
                                         <span class="w-8 h-8 flex items-center justify-center px-2 py-2 rtl:mr-4 hover:bg-gray-100 rounded-xl text-purple text-sm font-medium leading-6">
-                                            <span class="material-icons">more_vert</span>
+                                            <span class="material-icons pointer-events-none">more_vert</span>
                                         </span>
                                     </x-slot>
 

diff --git a/resources/views/components/contacts/index/more-buttons.blade.php b/resources/views/components/contacts/index/more-buttons.blade.php
@@ -1,6 +1,6 @@
 <x-dropdown id="dropdown-more-actions">
     <x-slot name="trigger">
-        <span class="material-icons">more_horiz</span>
+        <span class="material-icons pointer-events-none">more_horiz</span>
     </x-slot>
 
     @if ($checkPermissionCreate)

diff --git a/resources/views/components/contacts/show/more-buttons.blade.php b/resources/views/components/contacts/show/more-buttons.blade.php
@@ -3,7 +3,7 @@
 @if (! $hideActionsDropdown)
     <x-dropdown id="show-more-actions-{{ $contact->type }}">
         <x-slot name="trigger">
-            <span class="material-icons">more_horiz</span>
+            <span class="material-icons pointer-events-none">more_horiz</span>
         </x-slot>
 
         @stack('delete_button_start')

diff --git a/resources/views/components/delete-button.blade.php b/resources/views/components/delete-button.blade.php
@@ -8,7 +8,7 @@ class="relative bg-white hover:bg-gray-100 border py-0.5 px-1 cursor-pointer ind
     @if ($slot->isNotEmpty())
         {!! $slot !!}
     @else
-        <span class="material-icons-outlined text-purple text-lg">delete</span>
+        <span class="material-icons-outlined text-purple text-lg pointer-events-none">delete</span>
         <div class="inline-block absolute invisible z-10 py-1 px-2 text-sm font-medium text-gray-900 bg-white rounded-lg border border-gray-200 shadow-sm opacity-0 whitespace-nowrap tooltip-content -top-10 -left-2" data-tooltip-placement="top">
             <span>{!! $label !!}</span>
             <div class="absolute w-2 h-2 -bottom-1 before:content-[' '] before:absolute before:w-2 before:h-2 before:bg-white before:border-gray-200 before:transform before:rotate-45 before:border before:border-t-0 before:border-l-0" data-popper-arrow></div>

diff --git a/resources/views/components/documents/index/more-buttons.blade.php b/resources/views/components/documents/index/more-buttons.blade.php
@@ -1,6 +1,6 @@
 <x-dropdown id="dropdown-more-actions">
     <x-slot name="trigger">
-        <span class="material-icons">more_horiz</span>
+        <span class="material-icons pointer-events-none">more_horiz</span>
     </x-slot>
 
     @if ($checkPermissionCreate)

diff --git a/resources/views/components/documents/show/more-buttons.blade.php b/resources/views/components/documents/show/more-buttons.blade.php
@@ -3,7 +3,7 @@
 @if (! $hideMoreActions)
     <x-dropdown id="show-more-actions-{{ $document->type }}">
         <x-slot name="trigger">
-            <span class="material-icons">more_horiz</span>
+            <span class="material-icons pointer-events-none">more_horiz</span>
         </x-slot>
 
         @stack('button_dropdown_start')

diff --git a/resources/views/components/layouts/admin/menu.blade.php b/resources/views/components/layouts/admin/menu.blade.php
@@ -11,7 +11,7 @@
     @can('create-banking-transactions')
         <x-dropdown id="dropdown-mobile-actions">
             <x-slot name="trigger">
-                <span class="material-icons">more_horiz</span>
+                <span class="material-icons pointer-events-none">more_horiz</span>
             </x-slot>
 
             <x-dropdown.link href="{{ route('transactions.create', ['type' => 'income']) }}">
@@ -35,7 +35,7 @@
             class="flex flex-col items-center justify-center mb-5 cursor-pointer menu-button"
             data-menu="profile-menu"
         >
-            <span id="menu-profile-icon-cancel" name="account_circle" class="material-icons-outlined w-8 h-8 flex items-center justify-center text-purple text-2xl hidden">
+            <span id="menu-profile-icon-cancel" 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>
 
@@ -44,7 +44,7 @@ class="flex flex-col items-center justify-center mb-5 cursor-pointer menu-button
             @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 id="menu-profile-icon" 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 id="menu-profile-icon" 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
@@ -65,7 +65,7 @@ class="flex flex-col items-center justify-center mb-5 cursor-pointer menu-button
                     ])
                     data-menu="notifications-menu"
                 >
-                    <span id="menu-notification-icon" name="notifications" class="material-icons-outlined text-purple text-2xl">notifications</span>
+                    <span id="menu-notification-icon" name="notifications" class="material-icons-outlined text-purple text-2xl pointer-events-none">notifications</span>
 
                     @if ($notification_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">
@@ -78,25 +78,25 @@ class="flex flex-col items-center justify-center mb-5 cursor-pointer menu-button
 
             <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 id="menu-search-icon" name="search" class="material-icons-outlined text-purple text-2xl">search</span>
+                    <span id="menu-search-icon" name="search" class="material-icons-outlined text-purple text-2xl pointer-events-none">search</span>
                 </button>
             </x-tooltip>
 
             <x-tooltip id="tooltip-new" placement="right" message="{{ trans('general.new') }}">
                 <button type="button" class="add-item menu-button flex items-center justify-center w-8 h-8 mb-2.5 cursor-pointer js-menu-toggles" data-menu="add-new-menu">
-                    <span id="menu-neww-icon" name="add_circle_outline" class="material-icons-outlined text-purple text-2xl">add_circle_outline</span>
+                    <span id="menu-neww-icon" name="add_circle_outline" class="material-icons-outlined text-purple text-2xl pointer-events-none">add_circle_outline</span>
                 </button>
             </x-tooltip>
 
             <x-tooltip id="tooltip-settings" placement="right" message="{{ trans_choice('general.settings', 2) }}">
                 <button type="button" class="settings-item menu-button flex items-center justify-center w-8 h-8 mb-2.5 cursor-pointer js-menu-toggles" data-menu="settings-menu">
-                    <span id="menu-settings-icon" name="settings" class="material-icons-outlined text-purple text-2xl">settings</span>
+                    <span id="menu-settings-icon" name="settings" class="material-icons-outlined text-purple text-2xl pointer-events-none">settings</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 id="menu-support-icon" class="material-icons-outlined text-purple text-2xl">support</span>
+                    <span id="menu-support-icon" class="material-icons-outlined text-purple text-2xl pointer-events-none">support</span>
                 </x-link>
             </x-tooltip>
         </div>
@@ -165,7 +165,7 @@ class="flex flex-col items-center justify-center mb-5 cursor-pointer menu-button
             @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')
@@ -183,7 +183,7 @@ class="flex flex-col items-center justify-center mb-5 cursor-pointer menu-button
     @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) }}
@@ -196,7 +196,7 @@ class="flex flex-col items-center justify-center mb-5 cursor-pointer menu-button
 
     <div class="settings-menu user-menu menu-list fixed h-full overflow-y-unset ltr:-left-80 rtl:-right-80">
         <div class="flex items-center mb-3">
-            <span name="settings" class="material-icons-outlined w-8 h-8 flex items-center justify-center text-purple text-2xl">settings</span>
+            <span name="settings" class="material-icons-outlined w-8 h-8 flex items-center justify-center text-purple text-2xl pointer-events-none">settings</span>
 
             <div class="text-black ltr:ml-1 rtl:mr-1">
                 {{ trans_choice('general.settings', 2) }}
@@ -208,7 +208,7 @@ class="flex flex-col items-center justify-center mb-5 cursor-pointer menu-button
 
     <div class="add-new-menu user-menu menu-list fixed h-full ltr:-left-80 rtl:-right-80">
         <div class="flex items-center mb-3">
-            <span name="add_circle_outline" class="material-icons-outlined w-8 h-8 flex items-center justify-center text-purple text-2xl">add_circle_outline</span>
+            <span name="add_circle_outline" class="material-icons-outlined w-8 h-8 flex items-center justify-center text-purple text-2xl pointer-events-none">add_circle_outline</span>
 
             <div class="text-black ltr:ml-1 rtl:mr-1">
                 {{ trans('general.new_more') }}
@@ -219,10 +219,10 @@ class="flex flex-col items-center justify-center mb-5 cursor-pointer menu-button
     </div>
 
     <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 id="menu-cancel" 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 id="menu-cancel" 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>