make ganjoor page links visible

This commit is contained in:
Hamid Reza Mohammadi 2026-09-01 19:44:10 +03:30
parent 2291bb80b1
commit bccee50ed5
4 changed files with 53 additions and 27 deletions

View File

@ -23,7 +23,7 @@
}
<partial name="~/Pages/Partials/GanjoorPage/_InlinePageUtilsPartial.cshtml" model="Model" />
@Html.Raw(Model.GanjoorPage.HtmlText)
<div class="ganjoor-page-body">@Html.Raw(Model.GanjoorPage.HtmlText)</div>
</article>
@* Category Tabs *@
@ -93,25 +93,25 @@
</div>
@* Navigation *@
@if (!string.IsNullOrEmpty(Model.PreviousUrl) || !string.IsNullOrEmpty(Model.NextUrl))
@if (!string.IsNullOrEmpty(Model.NextUrl) || !string.IsNullOrEmpty(Model.PreviousUrl))
{
<div class="spacer">&nbsp;</div>
<nav id="nav">
<div class="navigation">
<div class="navleft">
@if (!string.IsNullOrEmpty(Model.PreviousUrl))
{
<span>&laquo; </span>
<a href="@Html.Raw(Model.PreviousUrl)">@Model.PreviousTitle</a>
}
</div>
<div class="navright">
@if (!string.IsNullOrEmpty(Model.NextUrl))
{
<a href="@Html.Raw(Model.NextUrl)">@Model.NextTitle</a>
<span> &raquo;</span>
}
</div>
<div class="navright">
@if (!string.IsNullOrEmpty(Model.PreviousUrl))
{
<span>&laquo; </span>
<a href="@Html.Raw(Model.PreviousUrl)">@Model.PreviousTitle</a>
}
</div>
</div>
</nav>
<div class="spacer">&nbsp;</div>

View File

@ -56,7 +56,7 @@
}
<partial name="~/Pages/Partials/GanjoorPage/_InlinePageUtilsPartial.cshtml" model="Model" />
@Html.Raw(Model.GanjoorPage.HtmlText)
<div class="ganjoor-page-body">@Html.Raw(Model.GanjoorPage.HtmlText)</div>
@if (Model.GanjoorPage.Id == GanjoorPageModel.GanjoorSlashVaznPageId)
{
@ -80,25 +80,25 @@
</article>
@* Navigation *@
@if (!string.IsNullOrEmpty(Model.PreviousUrl) || !string.IsNullOrEmpty(Model.NextUrl))
@if (!string.IsNullOrEmpty(Model.NextUrl) || !string.IsNullOrEmpty(Model.PreviousUrl))
{
<div class="spacer">&nbsp;</div>
<nav id="nav">
<div class="navigation">
<div class="navleft">
@if (!string.IsNullOrEmpty(Model.PreviousUrl))
{
<span>&laquo; </span>
<a href="@Html.Raw(Model.PreviousUrl)">@Model.PreviousTitle</a>
}
</div>
<div class="navright">
@if (!string.IsNullOrEmpty(Model.NextUrl))
{
<a href="@Html.Raw(Model.NextUrl)">@Model.NextTitle</a>
<span> &raquo;</span>
}
</div>
<div class="navright">
@if (!string.IsNullOrEmpty(Model.PreviousUrl))
{
<span>&laquo; </span>
<a href="@Html.Raw(Model.PreviousUrl)">@Model.PreviousTitle</a>
}
</div>
</div>
</nav>
<div class="spacer">&nbsp;</div>

View File

@ -42,7 +42,7 @@
}
<partial name="~/Pages/Partials/GanjoorPage/_InlinePageUtilsPartial.cshtml" model="Model" />
@Html.Raw(Model.GanjoorPage.HtmlText)
<div class="ganjoor-page-body">@Html.Raw(Model.GanjoorPage.HtmlText)</div>
</article>
@* Poet Tabs *@
@ -227,25 +227,25 @@
</div>
@* Navigation *@
@if (!string.IsNullOrEmpty(Model.PreviousUrl) || !string.IsNullOrEmpty(Model.NextUrl))
@if (!string.IsNullOrEmpty(Model.NextUrl) || !string.IsNullOrEmpty(Model.PreviousUrl))
{
<div class="spacer">&nbsp;</div>
<nav id="nav">
<div class="navigation">
<div class="navleft">
@if (!string.IsNullOrEmpty(Model.PreviousUrl))
{
<span>&laquo; </span>
<a href="@Html.Raw(Model.PreviousUrl)">@Model.PreviousTitle</a>
}
</div>
<div class="navright">
@if (!string.IsNullOrEmpty(Model.NextUrl))
{
<a href="@Html.Raw(Model.NextUrl)">@Model.NextTitle</a>
<span> &raquo;</span>
}
</div>
<div class="navright">
@if (!string.IsNullOrEmpty(Model.PreviousUrl))
{
<span>&laquo; </span>
<a href="@Html.Raw(Model.PreviousUrl)">@Model.PreviousTitle</a>
}
</div>
</div>
</nav>
<div class="spacer">&nbsp;</div>

View File

@ -3012,3 +3012,29 @@ mark {
pointer-events: none; /* Prevents interaction */
transition: opacity 0.3s ease-out;
}
/* ---------- distinct links inside poet/category bio text (matches the
comment-link boxed style on the حاشیه‌ها page, per user request) ---------- */
.ganjoor-page-body a {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 2px 6px;
margin: 0 1px;
border-radius: 6px;
background-color: var(--card-inner);
border: 1px solid var(--border-gold);
color: var(--lapis);
-webkit-text-fill-color: var(--lapis);
transition: all 0.2s ease;
}
.ganjoor-page-body a:hover {
background-color: var(--brand);
border-color: var(--brand);
color: var(--card-paper) !important;
-webkit-text-fill-color: var(--card-paper) !important;
transform: translateY(-1px);
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
}