From a7952a4633a5e30a66de5cad00a319b54c9bd518 Mon Sep 17 00:00:00 2001
From: sbwalker <shaun.walker@siliqon.com>
Date: Mon, 6 May 2024 15:56:05 -0400
Subject: [PATCH] add shadow-none to page links in pager

---
 Oqtane.Client/Modules/Controls/Pager.razor | 72 +++++++++++-----------
 1 file changed, 36 insertions(+), 36 deletions(-)

diff --git a/Oqtane.Client/Modules/Controls/Pager.razor b/Oqtane.Client/Modules/Controls/Pager.razor
index a37166ec..8e643f17 100644
--- a/Oqtane.Client/Modules/Controls/Pager.razor
+++ b/Oqtane.Client/Modules/Controls/Pager.razor
@@ -23,16 +23,16 @@
         {
             <ul class="pagination justify-content-center my-2">
                 <li class="page-item@((_page > 1) ? " app-pager-pointer" : " disabled")">
-                    <a class="page-link" @onclick=@(async () => UpdateList(1))><span class="oi oi-media-step-backward" title="start" aria-hidden="true"></span></a>
+                    <a class="page-link shadow-none" @onclick=@(async () => UpdateList(1))><span class="oi oi-media-step-backward" title="start" aria-hidden="true"></span></a>
                 </li>
                 @if (_pages > _displayPages && _displayPages > 1)
                 {
                     <li class="page-item@((_page > _displayPages) ? " app-pager-pointer" : " disabled")">
-                        <a class="page-link" @onclick=@(async () => SkipPages("back"))><span class="oi oi-media-skip-backward" title="skip back" aria-hidden="true"></span></a>
+                        <a class="page-link shadow-none" @onclick=@(async () => SkipPages("back"))><span class="oi oi-media-skip-backward" title="skip back" aria-hidden="true"></span></a>
                     </li>
                 }
                 <li class="page-item@((_page > 1) ? " app-pager-pointer" : " disabled")">
-                    <a class="page-link" @onclick=@(async () => NavigateToPage("previous"))><span class="oi oi-chevron-left" title="previous" aria-hidden="true"></span></a>
+                    <a class="page-link shadow-none" @onclick=@(async () => NavigateToPage("previous"))><span class="oi oi-chevron-left" title="previous" aria-hidden="true"></span></a>
                 </li>
                 @for (int i = _startPage; i <= _endPage; i++)
                 {
@@ -40,30 +40,30 @@
                     if (pager == _page)
                     {
                         <li class="page-item app-pager-pointer active">
-                            <a class="page-link" @onclick=@(async () => UpdateList(pager))>@pager</a>
+                            <a class="page-link shadow-none" @onclick=@(async () => UpdateList(pager))>@pager</a>
                         </li>
                     }
                     else
                     {
                         <li class="page-item app-pager-pointer">
-                            <a class="page-link" @onclick=@(async () => UpdateList(pager))>@pager</a>
+                            <a class="page-link shadow-none" @onclick=@(async () => UpdateList(pager))>@pager</a>
                         </li>
                     }
                 }
                 <li class="page-item@((_page < _pages) ? " app-pager-pointer" : " disabled")">
-                    <a class="page-link" @onclick=@(async () => NavigateToPage("next"))><span class="oi oi-chevron-right" title="next" aria-hidden="true"></span></a>
+                    <a class="page-link shadow-none" @onclick=@(async () => NavigateToPage("next"))><span class="oi oi-chevron-right" title="next" aria-hidden="true"></span></a>
                 </li>
                 @if (_pages > _displayPages && _displayPages > 1)
                 {
                     <li class="page-item@((_endPage < _pages) ? " app-pager-pointer" : " disabled")">
-                        <a class="page-link" @onclick=@(async () => SkipPages("forward"))><span class="oi oi-media-skip-forward" title="skip forward" aria-hidden="true"></span></a>
+                        <a class="page-link shadow-none" @onclick=@(async () => SkipPages("forward"))><span class="oi oi-media-skip-forward" title="skip forward" aria-hidden="true"></span></a>
                     </li>
                 }
                 <li class="page-item@((_page < _pages) ? " app-pager-pointer" : " disabled")">
-                    <a class="page-link" @onclick=@(async () => UpdateList(_pages))><span class="oi oi-media-step-forward" title="end" aria-hidden="true"></span></a>
+                    <a class="page-link shadow-none" @onclick=@(async () => UpdateList(_pages))><span class="oi oi-media-step-forward" title="end" aria-hidden="true"></span></a>
                 </li>
                 <li class="page-item disabled">
-                    <a class="page-link" style="white-space: nowrap;">@Localizer["PageOfPages", _page, _pages]</a>
+                    <a class="page-link shadow-none" style="white-space: nowrap;">@Localizer["PageOfPages", _page, _pages]</a>
                 </li>
             </ul>
         }
@@ -86,16 +86,16 @@
         {
             <ul class="pagination justify-content-center my-2">
                 <li class="page-item@((_page > 1) ? " app-pager-pointer" : " disabled")">
-                    <a class="page-link" href="@PageUrl(1, _search)"><span class="oi oi-media-step-backward" title="start" aria-hidden="true"></span></a>
+                    <a class="page-link shadow-none" href="@PageUrl(1, _search)"><span class="oi oi-media-step-backward" title="start" aria-hidden="true"></span></a>
                 </li>
                 @if (_pages > _displayPages && _displayPages > 1)
                 {
                     <li class="page-item@((_page > _displayPages) ? " app-pager-pointer" : " disabled")">
-                        <a class="page-link" href="@PageUrl(_startPage - 1, _search)"><span class="oi oi-media-skip-backward" title="skip back" aria-hidden="true"></span></a>
+                        <a class="page-link shadow-none" href="@PageUrl(_startPage - 1, _search)"><span class="oi oi-media-skip-backward" title="skip back" aria-hidden="true"></span></a>
                     </li>
                 }
                 <li class="page-item@((_page > 1) ? " app-pager-pointer" : " disabled")">
-                    <a class="page-link" href="@PageUrl(((_page > 1) ? _page - 1 : _page), _search)"><span class="oi oi-chevron-left" title="previous" aria-hidden="true"></span></a>
+                    <a class="page-link shadow-none" href="@PageUrl(((_page > 1) ? _page - 1 : _page), _search)"><span class="oi oi-chevron-left" title="previous" aria-hidden="true"></span></a>
                 </li>
                 @for (int i = _startPage; i <= _endPage; i++)
                 {
@@ -103,30 +103,30 @@
                     if (pager == _page)
                     {
                         <li class="page-item app-pager-pointer active">
-                            <a class="page-link" href="@PageUrl(pager, _search)">@pager</a>
+                            <a class="page-link shadow-none" href="@PageUrl(pager, _search)">@pager</a>
                         </li>
                     }
                     else
                     {
                         <li class="page-item app-pager-pointer">
-                            <a class="page-link" href="@PageUrl(pager, _search)">@pager</a>
+                            <a class="page-link shadow-none" href="@PageUrl(pager, _search)">@pager</a>
                         </li>
                     }
                 }
                 <li class="page-item@((_page < _pages) ? " app-pager-pointer" : " disabled")">
-                    <a class="page-link" href="@PageUrl(((_page < _pages) ? _page + 1 : _page), _search)"><span class="oi oi-chevron-right" title="next" aria-hidden="true"></span></a>
+                    <a class="page-link shadow-none" href="@PageUrl(((_page < _pages) ? _page + 1 : _page), _search)"><span class="oi oi-chevron-right" title="next" aria-hidden="true"></span></a>
                 </li>
                 @if (_pages > _displayPages && _displayPages > 1)
                 {
                     <li class="page-item@((_endPage < _pages) ? " app-pager-pointer" : " disabled")">
-                        <a class="page-link" href="@PageUrl(_endPage + 1, _search)"><span class="oi oi-media-skip-forward" title="skip forward" aria-hidden="true"></span></a>
+                        <a class="page-link shadow-none" href="@PageUrl(_endPage + 1, _search)"><span class="oi oi-media-skip-forward" title="skip forward" aria-hidden="true"></span></a>
                     </li>
                 }
                 <li class="page-item@((_page < _pages) ? " app-pager-pointer" : " disabled")">
-                    <a class="page-link" href="@PageUrl(_pages, _search)"><span class="oi oi-media-step-forward" title="end" aria-hidden="true"></span></a>
+                    <a class="page-link shadow-none" href="@PageUrl(_pages, _search)"><span class="oi oi-media-step-forward" title="end" aria-hidden="true"></span></a>
                 </li>
                 <li class="page-item disabled">
-                    <a class="page-link" style="white-space: nowrap;">@Localizer["PageOfPages", _page, _pages]</a>
+                    <a class="page-link shadow-none" style="white-space: nowrap;">@Localizer["PageOfPages", _page, _pages]</a>
                 </li>
             </ul>
         }
@@ -202,16 +202,16 @@
         {
             <ul class="pagination justify-content-center my-2">
                 <li class="page-item@((_page > 1) ? " app-pager-pointer" : " disabled")">
-                    <a class="page-link" @onclick=@(async () => UpdateList(1))><span class="oi oi-media-step-backward" title="start" aria-hidden="true"></span></a>
+                    <a class="page-link shadow-none" @onclick=@(async () => UpdateList(1))><span class="oi oi-media-step-backward" title="start" aria-hidden="true"></span></a>
                 </li>
                 @if (_pages > _displayPages && _displayPages > 1)
                 {
                     <li class="page-item@((_page > _displayPages) ? " app-pager-pointer" : " disabled")">
-                        <a class="page-link" @onclick=@(async () => SkipPages("back"))><span class="oi oi-media-skip-backward" title="skip back" aria-hidden="true"></span></a>
+                        <a class="page-link shadow-none" @onclick=@(async () => SkipPages("back"))><span class="oi oi-media-skip-backward" title="skip back" aria-hidden="true"></span></a>
                     </li>
                 }
                 <li class="page-item@((_page > 1) ? " app-pager-pointer" : " disabled")">
-                    <a class="page-link" @onclick=@(async () => NavigateToPage("previous"))><span class="oi oi-chevron-left" title="previous" aria-hidden="true"></span></a>
+                    <a class="page-link shadow-none" @onclick=@(async () => NavigateToPage("previous"))><span class="oi oi-chevron-left" title="previous" aria-hidden="true"></span></a>
                 </li>
                 @for (int i = _startPage; i <= _endPage; i++)
                 {
@@ -219,30 +219,30 @@
                     if (pager == _page)
                     {
                         <li class="page-item app-pager-pointer active">
-                            <a class="page-link" @onclick=@(async () => UpdateList(pager))>@pager</a>
+                            <a class="page-link shadow-none" @onclick=@(async () => UpdateList(pager))>@pager</a>
                         </li>
                     }
                     else
                     {
                         <li class="page-item app-pager-pointer">
-                            <a class="page-link" @onclick=@(async () => UpdateList(pager))>@pager</a>
+                            <a class="page-link shadow-none" @onclick=@(async () => UpdateList(pager))>@pager</a>
                         </li>
                     }
                 }
                 <li class="page-item@((_page < _pages) ? " app-pager-pointer" : " disabled")">
-                    <a class="page-link" @onclick=@(async () => NavigateToPage("next"))><span class="oi oi-chevron-right" title="next" aria-hidden="true"></span></a>
+                    <a class="page-link shadow-none" @onclick=@(async () => NavigateToPage("next"))><span class="oi oi-chevron-right" title="next" aria-hidden="true"></span></a>
                 </li>
                 @if (_pages > _displayPages && _displayPages > 1)
                 {
                     <li class="page-item@((_endPage < _pages) ? " app-pager-pointer" : " disabled")">
-                        <a class="page-link" @onclick=@(async () => SkipPages("forward"))><span class="oi oi-media-skip-forward" title="skip forward" aria-hidden="true"></span></a>
+                        <a class="page-link shadow-none" @onclick=@(async () => SkipPages("forward"))><span class="oi oi-media-skip-forward" title="skip forward" aria-hidden="true"></span></a>
                     </li>
                 }
                 <li class="page-item@((_page < _pages) ? " app-pager-pointer" : " disabled")">
-                    <a class="page-link" @onclick=@(async () => UpdateList(_pages))><span class="oi oi-media-step-forward" title="end" aria-hidden="true"></span></a>
+                    <a class="page-link shadow-none" @onclick=@(async () => UpdateList(_pages))><span class="oi oi-media-step-forward" title="end" aria-hidden="true"></span></a>
                 </li>
                 <li class="page-item disabled">
-                    <a class="page-link" style="white-space: nowrap;">@Localizer["PageOfPages", _page, _pages]</a>
+                    <a class="page-link shadow-none" style="white-space: nowrap;">@Localizer["PageOfPages", _page, _pages]</a>
                 </li>
             </ul>
         }
@@ -250,16 +250,16 @@
         {
             <ul class="pagination justify-content-center my-2">
                 <li class="page-item@((_page > 1) ? " app-pager-pointer" : " disabled")">
-                    <a class="page-link" href="@PageUrl(1, _search)"><span class="oi oi-media-step-backward" title="start" aria-hidden="true"></span></a>
+                    <a class="page-link shadow-none" href="@PageUrl(1, _search)"><span class="oi oi-media-step-backward" title="start" aria-hidden="true"></span></a>
                 </li>
                 @if (_pages > _displayPages && _displayPages > 1)
                 {
                     <li class="page-item@((_page > _displayPages) ? " app-pager-pointer" : " disabled")">
-                        <a class="page-link" href="@PageUrl(_startPage - 1, _search)"><span class="oi oi-media-skip-backward" title="skip back" aria-hidden="true"></span></a>
+                        <a class="page-link shadow-none" href="@PageUrl(_startPage - 1, _search)"><span class="oi oi-media-skip-backward" title="skip back" aria-hidden="true"></span></a>
                     </li>
                 }
                 <li class="page-item@((_page > 1) ? " app-pager-pointer" : " disabled")">
-                    <a class="page-link" href="@PageUrl(((_page > 1) ? _page - 1 : _page), _search)"><span class="oi oi-chevron-left" title="previous" aria-hidden="true"></span></a>
+                    <a class="page-link shadow-none" href="@PageUrl(((_page > 1) ? _page - 1 : _page), _search)"><span class="oi oi-chevron-left" title="previous" aria-hidden="true"></span></a>
                 </li>
                 @for (int i = _startPage; i <= _endPage; i++)
                 {
@@ -267,30 +267,30 @@
                     if (pager == _page)
                     {
                         <li class="page-item app-pager-pointer active">
-                            <a class="page-link" href="@PageUrl(pager, _search)">@pager</a>
+                            <a class="page-link shadow-none" href="@PageUrl(pager, _search)">@pager</a>
                         </li>
                     }
                     else
                     {
                         <li class="page-item app-pager-pointer">
-                            <a class="page-link" href="@PageUrl(pager, _search)">@pager</a>
+                            <a class="page-link shadow-none" href="@PageUrl(pager, _search)">@pager</a>
                         </li>
                     }
                 }
                 <li class="page-item@((_page < _pages) ? " app-pager-pointer" : " disabled")">
-                    <a class="page-link" href="@PageUrl(((_page < _pages) ? _page + 1 : _page), _search)"><span class="oi oi-chevron-right" title="next" aria-hidden="true"></span></a>
+                    <a class="page-link shadow-none" href="@PageUrl(((_page < _pages) ? _page + 1 : _page), _search)"><span class="oi oi-chevron-right" title="next" aria-hidden="true"></span></a>
                 </li>
                 @if (_pages > _displayPages && _displayPages > 1)
                 {
                     <li class="page-item@((_endPage < _pages) ? " app-pager-pointer" : " disabled")">
-                        <a class="page-link" href="@PageUrl(_endPage + 1, _search)"><span class="oi oi-media-skip-forward" title="skip forward" aria-hidden="true"></span></a>
+                        <a class="page-link shadow-none" href="@PageUrl(_endPage + 1, _search)"><span class="oi oi-media-skip-forward" title="skip forward" aria-hidden="true"></span></a>
                     </li>
                 }
                 <li class="page-item@((_page < _pages) ? " app-pager-pointer" : " disabled")">
-                    <a class="page-link" href="@PageUrl(_pages, _search)"><span class="oi oi-media-step-forward" title="end" aria-hidden="true"></span></a>
+                    <a class="page-link shadow-none" href="@PageUrl(_pages, _search)"><span class="oi oi-media-step-forward" title="end" aria-hidden="true"></span></a>
                 </li>
                 <li class="page-item disabled">
-                    <a class="page-link" style="white-space: nowrap;">@Localizer["PageOfPages", _page, _pages]</a>
+                    <a class="page-link shadow-none" style="white-space: nowrap;">@Localizer["PageOfPages", _page, _pages]</a>
                 </li>
             </ul>
         }