recitation icons fix

GanjooRazor/Areas/User/Pages/VerseAdd.cshtml

@@ -14,7 +14,7 @@
     <meta name="robots" content="noindex, nofollow" />
     <title>پیشنهاد اضافه شدن مصرع‌های جا افتاده</title>
     <script src="/lib/jquery/dist/jquery.min.js"></script>
-    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=94" rel="stylesheet" type="text/css" />
     <link href="/css/user-panel.css?version=1" rel="stylesheet" type="text/css" />
 </head>
 <body>

GanjooRazor/Pages/Auth/Login.cshtml

@@ -13,7 +13,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
-    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=94" rel="stylesheet" type="text/css" />
 </head>
 <body class="bk-background">
     <div id="hdr">

GanjooRazor/Pages/Auth/ResetPassword.cshtml

@@ -11,7 +11,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
-    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=94" rel="stylesheet" type="text/css" />
 </head>
 <body class="bk-background">
     <div id="hdr">

GanjooRazor/Pages/Auth/SignUp.cshtml

@@ -12,7 +12,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
-    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=94" rel="stylesheet" type="text/css" />
 </head>
 <body class="bk-background">
     <div id="hdr">

GanjooRazor/Pages/CommentReports/ReportComment.cshtml

@@ -11,7 +11,7 @@
     <meta name="robots" content="noindex, nofollow" />
     <title>درخواست حذف حاشیه</title>
     <script src="/lib/jquery/dist/jquery.min.js"></script>
-    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=94" rel="stylesheet" type="text/css" />
     <style>
         label {
             width: 100px;

GanjooRazor/Pages/Error.cshtml

@@ -13,7 +13,7 @@
     <title>
         @ViewData["Title"]
     </title>
-    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=94" rel="stylesheet" type="text/css" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
     <link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
 

GanjooRazor/Pages/ImageRecommendation/Pin.cshtml

@@ -12,7 +12,7 @@
     <meta name="robots" content="noindex, nofollow" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
-    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=94" rel="stylesheet" type="text/css" />
     <link href="/css/spotify.css" rel="stylesheet" type="text/css" />
 
     <script src="/lib/jquery/dist/jquery.min.js"></script>

GanjooRazor/Pages/Map.cshtml

@@ -12,7 +12,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="description" content="سخنوران و نویسندگان گنجور روی نقشهٔ جغرافیایی" />
     <meta charset="utf-8" />
-    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=94" rel="stylesheet" type="text/css" />
     <link rel="stylesheet" href="/css/leaflet.css?version=2" />
     <style>
         .leaflet-container {
@@ -23,7 +23,7 @@
             font-family: 'Vazirmatn'
         }
     </style>
-    <script src="/js/bk.js?version=93"></script>
+    <script src="/js/bk.js?version=94"></script>
     <script src="~/js/jquery-1.10.2.min.js"></script>
     <script src="~/js/leaflet.js"></script>
     <script src="~/js/leaflet-providers.js"></script>

GanjooRazor/Pages/Misc/Photos.cshtml

@@ -11,11 +11,11 @@
     <title>
         @Html.Raw(ViewData["Title"])
     </title>
-    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=94" rel="stylesheet" type="text/css" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
     <link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
     <script src="/lib/jquery/dist/jquery.min.js"></script>
-    <script src="/js/bk.js?version=93"></script>
+    <script src="/js/bk.js?version=94"></script>
     <script>
         var cookieValue = getCookie("playerScrollLock");
         var playerScrollLock = cookieValue === "true";

GanjooRazor/Pages/Partials/GanjoorPage/PageTypes/_PoemPagePartial.cshtml

@@ -75,9 +75,9 @@
 <div id="sticky-audio-player" class="up-sticky-player" style="display:none;">
     <span id="sticky-audio-narrator" class="up-sticky-player__narrator"></span>
     <div id="sticky-audio-slot" class="up-sticky-player__audio-slot"></div>
-    <a role="button" id="sticky-scroll-lock" class="cursor-pointer up-sticky-player__lock" onclick="switchPlayerScrollLock()" title="قفل خودکار پیمایش به بیت جاری">🔓</a>
+    <a role="button" id="sticky-scroll-lock" class="cursor-pointer up-sticky-player__lock" onclick="switchPlayerScrollLock()" title="قفل خودکار پیمایش به بیت جاری"><i id="sticky-scroll-lock-icon" class="notranslate material-icons">lock_open</i></a>
-    <a role="button" class="cursor-pointer up-sticky-player__jump" onclick="scrollToCurrentVerse()" title="رفتن به بیت جاری">📍</a>
+    <a role="button" class="cursor-pointer up-sticky-player__jump" onclick="scrollToCurrentVerse()" title="رفتن به بیت جاری"><i class="notranslate material-icons">my_location</i></a>
-    <a role="button" class="cursor-pointer up-sticky-player__close" onclick="closeStickyPlayer()" title="بستن">✕</a>
+    <a role="button" class="cursor-pointer up-sticky-player__close" onclick="closeStickyPlayer()" title="بستن"><i class="notranslate material-icons">close</i></a>
 </div>
 }
 

GanjooRazor/Pages/Recitations/AudioClip.cshtml

@@ -15,7 +15,7 @@
         گنجور » نمایش خوانش
     </title>
     <link href="~/dist/skin/pink.flag/css/jplayer.pink.flag.min.css" rel="stylesheet" type="text/css" />
-    <link href="~/css/p8.css?version=93" rel="stylesheet" type="text/css" />
+    <link href="~/css/p8.css?version=94" rel="stylesheet" type="text/css" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
     <link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
     <script>
@@ -150,7 +150,7 @@
         </p>
 
         <script src="~/lib/jquery/dist/jquery.min.js"></script>
-        <script src="~/js/bk.js?version=93"></script>
+        <script src="~/js/bk.js?version=94"></script>
         <script src="~/js/jplayersupport.js"></script>
         <script src="~/js/vaabd.js?version=10"></script>
         <script src="~/dist/jplayer/jquery.jplayer.min.js"></script>

GanjooRazor/Pages/Recitations/RecitationsOrder.cshtml

@@ -12,7 +12,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow" />
     <title>اطلاعات رتبه‌بندی خوانش‌های شعر</title>
-    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=94" rel="stylesheet" type="text/css" />
 
 </head>
 <body>

GanjooRazor/Pages/Recitations/ReportRecitation.cshtml

@@ -13,7 +13,7 @@
     <meta name="robots" content="noindex, nofollow" />
     <title>گنجور » گزارش خطا در خوانش</title>
     <script src="/lib/jquery/dist/jquery.min.js"></script>
-    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=94" rel="stylesheet" type="text/css" />
     <link href="~/dist/skin/pink.flag/css/jplayer.pink.flag.min.css" rel="stylesheet" type="text/css" />
     <style>
         label {
@@ -238,7 +238,7 @@
 
 
 
-                <script src="~/js/bk.js?version=93"></script>
+                <script src="~/js/bk.js?version=94"></script>
                 <script src="~/js/jplayersupport.js"></script>
                 <script src="~/js/vaabd.js?version=10"></script>
                 <script src="~/dist/jplayer/jquery.jplayer.min.js"></script>

GanjooRazor/Pages/Shared/_AdminLayout.cshtml

@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
     <link rel="stylesheet" href="~/css/site.css" />
     <link href="/dist/skin/blue.monday/css/jplayer.blue.monday.min.css" rel="stylesheet" type="text/css" />
-    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=94" rel="stylesheet" type="text/css" />
     <link href="/css/user-panel.css?version=3" rel="stylesheet" type="text/css" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
     <link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
@@ -36,7 +36,7 @@
         });
     </script>
 
-    <script src="/js/bk.js?version=93"></script>
+    <script src="/js/bk.js?version=94"></script>
     <script>
         function editBanner(bannerId) {
             var url = '?handler=Edit';

GanjooRazor/Pages/Shared/_Layout.cshtml

@@ -30,11 +30,11 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>@Html.Raw(ViewData["Title"])</title>
-    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=94" rel="stylesheet" type="text/css" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
     <link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
     <script src="/lib/jquery/dist/jquery.min.js"></script>
-    <script src="/js/bk.js?version=93"></script>
+    <script src="/js/bk.js?version=94"></script>
     <script>
         var cookieValue = getCookie("playerScrollLock");
         var playerScrollLock = cookieValue === "true";

GanjooRazor/Pages/Shared/_UserPanelLayout.cshtml

@@ -9,7 +9,7 @@
     </title>
     <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
     <link rel="stylesheet" href="~/css/site.css" />
-    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=94" rel="stylesheet" type="text/css" />
     <link href="/css/user-panel.css?version=3" rel="stylesheet" type="text/css" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
     <link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
@@ -33,7 +33,7 @@
         });
     </script>
     <script src="/lib/diff.js"></script>
-    <script src="/js/bk.js?version=93"></script>
+    <script src="/js/bk.js?version=94"></script>
     <script>
         function compareCorrectionBlocks(originalElemenyId, editedElementId, resultElementId) {
             var a = document.getElementById(originalElemenyId);

GanjooRazor/Pages/SongRecommendation/Bp.cshtml

@@ -12,7 +12,7 @@
     <meta name="robots" content="noindex, nofollow" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
-    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=94" rel="stylesheet" type="text/css" />
     <link href="/css/spotify.css" rel="stylesheet" type="text/css" />
 
     <script src="/lib/jquery/dist/jquery.min.js"></script>

GanjooRazor/Pages/SongRecommendation/Golha.cshtml

@@ -11,7 +11,7 @@
     <meta name="robots" content="noindex, nofollow" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />    
-    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=94" rel="stylesheet" type="text/css" />
     <link href="/css/spotify.css" rel="stylesheet" type="text/css" />
     <script src="/lib/jquery/dist/jquery.min.js"></script>
     <script src="~/js/golha.js"></script>

GanjooRazor/Pages/SongRecommendation/Spotify.cshtml

@@ -12,7 +12,7 @@
     <meta name="robots" content="noindex, nofollow" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
-    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=94" rel="stylesheet" type="text/css" />
     <link href="/css/spotify.css" rel="stylesheet" type="text/css" />
 
     <script src="/lib/jquery/dist/jquery.min.js"></script>

GanjooRazor/Pages/errors/404.cshtml

@@ -13,7 +13,7 @@
     <title>
         @ViewData["Title"]
     </title>
-    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=94" rel="stylesheet" type="text/css" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
     <link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
 

GanjooRazor/Pages/errors/503.cshtml

@@ -14,7 +14,7 @@
     <title>
         @ViewData["Title"]
     </title>
-    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=94" rel="stylesheet" type="text/css" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
     <link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
 

GanjooRazor/wwwroot/css/p8.css

@@ -3049,7 +3049,7 @@ mark {
     align-items: center;
     gap: 10px;
     padding: 8px 14px;
-    background: var(--card-paper);
+    background: var(--card-inner);
     border-top: 1px solid var(--border-gold);
     box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15);
 }
@@ -3072,11 +3072,11 @@ mark {
 }
 
 .up-sticky-player__lock {
+    display: inline-flex;
+    align-items: center;
     cursor: pointer;
-    font-size: 1.1rem;
-    line-height: 1;
     color: var(--lapis);
-    padding: 4px 8px;
+    padding: 4px 6px;
     flex-shrink: 0;
 }
 
@@ -3085,11 +3085,11 @@ mark {
 }
 
 .up-sticky-player__jump {
+    display: inline-flex;
+    align-items: center;
     cursor: pointer;
-    font-size: 1.1rem;
-    line-height: 1;
     color: var(--lapis);
-    padding: 4px 8px;
+    padding: 4px 6px;
     flex-shrink: 0;
 }
 
@@ -3098,11 +3098,11 @@ mark {
 }
 
 .up-sticky-player__close {
+    display: inline-flex;
+    align-items: center;
     cursor: pointer;
-    font-size: 1.1rem;
-    line-height: 1;
     color: var(--lapis);
-    padding: 4px 8px;
+    padding: 4px 6px;
     flex-shrink: 0;
 }
 

GanjooRazor/wwwroot/js/bk.js

@@ -183,9 +183,9 @@ function switchPlayerScrollLock() {
         $('#scroll-lock').text('🔓');
     }
 
-    var stickyLockIcon = document.getElementById('sticky-scroll-lock');
+    var stickyLockIcon = document.getElementById('sticky-scroll-lock-icon');
     if (stickyLockIcon) {
-        stickyLockIcon.textContent = playerScrollLock ? '🔒' : '🔓';
+        stickyLockIcon.textContent = playerScrollLock ? 'lock' : 'lock_open';
     }
 
     if (playerScrollLock) {
@@ -398,9 +398,9 @@ function showStickyPlayer(audioElement, narratorName, recitationId) {
     }
 
     document.getElementById('sticky-audio-narrator').textContent = narratorName;
-    var lockIcon = document.getElementById('sticky-scroll-lock');
+    var lockIcon = document.getElementById('sticky-scroll-lock-icon');
     if (lockIcon) {
-        lockIcon.textContent = playerScrollLock ? '🔒' : '🔓';
+        lockIcon.textContent = playerScrollLock ? 'lock' : 'lock_open';
     }
     bar.style.display = 'flex';
 }