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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
app/View/Presenters/Menu.php
View File

@ -34,11 +34,11 @@ class Menu extends Presenter
*/
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 @@ class Menu extends Presenter
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 @@ class Menu extends Presenter
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 @@ class Menu extends Presenter
$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;
}

2
resources/views/banking/accounts/show.blade.php
View File

@ -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')

2
resources/views/banking/transactions/index.blade.php
View File

@ -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')

2
resources/views/banking/transfers/index.blade.php
View File

@ -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')

2
resources/views/common/dashboards/show.blade.php
View File

@ -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>

2
resources/views/common/items/index.blade.php
View File

@ -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')

2
resources/views/common/reports/index.blade.php
View File

@ -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>

2
resources/views/components/contacts/index/more-buttons.blade.php
View File

@ -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)

2
resources/views/components/contacts/show/more-buttons.blade.php
View File

@ -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')

2
resources/views/components/delete-button.blade.php
View File

@ -8,7 +8,7 @@
@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>

2
resources/views/components/documents/index/more-buttons.blade.php
View File

@ -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)

2
resources/views/components/documents/show/more-buttons.blade.php
View File

@ -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')

28
resources/views/components/layouts/admin/menu.blade.php
View File

@ -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 @@
@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 @@
])
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 @@
<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 @@
@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 @@
@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 @@
<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 @@
<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 @@
</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>

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>

4
resources/views/components/table/actions.blade.php
View File

@ -20,7 +20,7 @@
@switch($type)
@case('button')
<button type="button" class="relative bg-white hover:bg-gray-100 border py-0.5 px-1 cursor-pointer index-actions group" {!! $action['attributes'] ?? null !!}>
<span class="material-icons-outlined text-purple text-lg">
<span class="material-icons-outlined text-purple text-lg pointer-events-none">
{{ $action['icon'] }}
</span>
@ -43,7 +43,7 @@
@default
<a href="{{ $action['url'] }}" class="relative bg-white hover:bg-gray-100 border py-0.5 px-1 cursor-pointer index-actions" {!! $action['attributes'] ?? null !!}>
<span class="material-icons-outlined text-purple text-lg">
<span class="material-icons-outlined text-purple text-lg pointer-events-none">
{{ $action['icon'] }}
</span>

2
resources/views/components/transactions/show/more-buttons.blade.php
View File

@ -3,7 +3,7 @@
@if (! $hideButtonMoreActions)
<x-dropdown id="show-more-actions-{{ $transaction->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('duplicate_button_start')

2
resources/views/components/transfers/show/more-buttons.blade.php
View File

@ -2,7 +2,7 @@
<x-dropdown id="dropdown-actions">
<x-slot name="trigger">
<span class="material-icons">more_horiz</span>
<span class="material-icons pointer-events-none">more_horiz</span>
</x-slot>
@stack('edit_button_start')

2
resources/views/components/widgets/header.blade.php
View File

@ -17,7 +17,7 @@
<x-dropdown id="show-more-actions-widget-{{ $class->model->id }}">
<x-slot name="trigger" class="flex" override="class">
<span class="w-8 h-8 flex items-center justify-center px-2 py-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>

2
resources/views/settings/categories/index.blade.php
View File

@ -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-settings-categories')

2
resources/views/settings/taxes/index.blade.php
View File

@ -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-auto">more_horiz</span>
</x-slot>
@can('create-settings-taxes')