anas/divan
1
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Wiki Activity

improve UI/UX of the User Area

Browse Source 
#496
This commit is contained in:
Hamid Reza Mohammadi 2026-08-06 21:55:47 +03:30
parent 15701ef1d8
commit 2752ee8a82
5 changed files with 24 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
GanjooRazor/Areas/User/Pages/Editor.cshtml
View File

@ -738,22 +738,22 @@ else
{ {
@if (Model.ShowAdminOps) @if (Model.ShowAdminOps)
{ {
<a href="/User/Editor?admin=1&id=@Model.PageInformation.Poem.Previous.Id" role="button" class="up-btn up-btn--ghost">◀ شعر قبل</a> <a href="/User/Editor?admin=1&id=@Model.PageInformation.Poem.Previous.Id" role="button" class="up-btn up-btn--ghost">شعر قبل ▶</a>
} }
else else
{ {
<a href="/User/Editor?id=@Model.PageInformation.Poem.Previous.Id" role="button" class="up-btn up-btn--ghost">◀ شعر قبل</a> <a href="/User/Editor?id=@Model.PageInformation.Poem.Previous.Id" role="button" class="up-btn up-btn--ghost">شعر قبل ▶</a>
} }
} }
@if (Model.PageInformation.Poem.Next != null) @if (Model.PageInformation.Poem.Next != null)
{ {
@if (Model.ShowAdminOps) @if (Model.ShowAdminOps)
{ {
<a href="/User/Editor?admin=1&id=@Model.PageInformation.Poem.Next.Id" role="button" class="up-btn up-btn--ghost">شعر بعد ▶</a> <a href="/User/Editor?admin=1&id=@Model.PageInformation.Poem.Next.Id" role="button" class="up-btn up-btn--ghost">◀ شعر بعد</a>
} }
else else
{ {
<a href="/User/Editor?id=@Model.PageInformation.Poem.Next.Id" role="button" class="up-btn up-btn--ghost">شعر بعد ▶</a> <a href="/User/Editor?id=@Model.PageInformation.Poem.Next.Id" role="button" class="up-btn up-btn--ghost">◀ شعر بعد</a>
} }
} }
</div> </div>
@ -1389,22 +1389,22 @@ else
{ {
@if (Model.ShowAdminOps) @if (Model.ShowAdminOps)
{ {
<a href="/User/Editor?admin=1&id=@Model.PageInformation.Poem.Previous.Id" role="button" class="up-btn up-btn--ghost">◀ شعر قبل</a> <a href="/User/Editor?admin=1&id=@Model.PageInformation.Poem.Previous.Id" role="button" class="up-btn up-btn--ghost">شعر قبل ▶</a>
} }
else else
{ {
<a href="/User/Editor?id=@Model.PageInformation.Poem.Previous.Id" role="button" class="up-btn up-btn--ghost">◀ شعر قبل</a> <a href="/User/Editor?id=@Model.PageInformation.Poem.Previous.Id" role="button" class="up-btn up-btn--ghost">شعر قبل ▶</a>
} }
} }
@if (Model.PageInformation.Poem.Next != null) @if (Model.PageInformation.Poem.Next != null)
{ {
@if (Model.ShowAdminOps) @if (Model.ShowAdminOps)
{ {
<a href="/User/Editor?admin=1&id=@Model.PageInformation.Poem.Next.Id" role="button" class="up-btn up-btn--ghost">شعر بعد ▶</a> <a href="/User/Editor?admin=1&id=@Model.PageInformation.Poem.Next.Id" role="button" class="up-btn up-btn--ghost">◀ شعر بعد</a>
} }
else else
{ {
<a href="/User/Editor?id=@Model.PageInformation.Poem.Next.Id" role="button" class="up-btn up-btn--ghost">شعر بعد ▶</a> <a href="/User/Editor?id=@Model.PageInformation.Poem.Next.Id" role="button" class="up-btn up-btn--ghost">◀ شعر بعد</a>
} }
} }
</div> </div>

8
GanjooRazor/Areas/User/Pages/Section.cshtml
View File

@ -142,13 +142,13 @@ else
@if (Model.Previous != null) @if (Model.Previous != null)
{ {
<a href="/User/Section?poemId=@Model.PageInformation.Id&index=@Model.Previous.Index" role="button" class="up-btn up-btn--ghost"> <a href="/User/Section?poemId=@Model.PageInformation.Id&index=@Model.Previous.Index" role="button" class="up-btn up-btn--ghost">
◀ قطعهٔ قبل قطعهٔ قبل ▶
</a> </a>
} }
@if (Model.Next != null) @if (Model.Next != null)
{ {
<a href="/User/Section?poemId=@Model.PageInformation.Id&index=@Model.Next.Index" role="button" class="up-btn up-btn--ghost"> <a href="/User/Section?poemId=@Model.PageInformation.Id&index=@Model.Next.Index" role="button" class="up-btn up-btn--ghost">
قطعهٔ بعد ▶ ◀ قطعهٔ بعد
</a> </a>
} }
</div> </div>
@ -406,13 +406,13 @@ else
@if (Model.Previous != null) @if (Model.Previous != null)
{ {
<a href="/User/Section?poemId=@Model.PageInformation.Id&index=@Model.Previous.Index" role="button" class="up-btn up-btn--ghost"> <a href="/User/Section?poemId=@Model.PageInformation.Id&index=@Model.Previous.Index" role="button" class="up-btn up-btn--ghost">
◀ قطعهٔ قبل قطعهٔ قبل ▶
</a> </a>
} }
@if (Model.Next != null) @if (Model.Next != null)
{ {
<a href="/User/Section?poemId=@Model.PageInformation.Id&index=@Model.Next.Index" role="button" class="up-btn up-btn--ghost"> <a href="/User/Section?poemId=@Model.PageInformation.Id&index=@Model.Next.Index" role="button" class="up-btn up-btn--ghost">
قطعهٔ بعد ▶ ◀ قطعهٔ بعد
</a> </a>
} }
@if (Model.CanEdit) @if (Model.CanEdit)

4
GanjooRazor/Pages/Shared/_AdminLayout.cshtml
View File

@ -11,7 +11,7 @@
<link rel="stylesheet" href="~/css/site.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="/dist/skin/blue.monday/css/jplayer.blue.monday.min.css" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=86" rel="stylesheet" type="text/css" /> <link href="/css/p8.css?version=86" rel="stylesheet" type="text/css" />
<link href="/css/user-panel.css?version=1" rel="stylesheet" type="text/css" /> <link href="/css/user-panel.css?version=2" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" /> <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" /> <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="~/lib/jquery/dist/jquery.min.js"></script>
@ -474,7 +474,7 @@
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script> <script src="~/js/site.js" asp-append-version="true"></script>
<script src="/js/user-panel.js?version=1"></script> <script src="/js/user-panel.js?version=2"></script>
@await RenderSectionAsync("Scripts", required: false) @await RenderSectionAsync("Scripts", required: false)

4
GanjooRazor/Pages/Shared/_UserPanelLayout.cshtml
View File

@ -10,7 +10,7 @@
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" /> <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="~/css/site.css" /> <link rel="stylesheet" href="~/css/site.css" />
<link href="/css/p8.css?version=86" rel="stylesheet" type="text/css" /> <link href="/css/p8.css?version=86" rel="stylesheet" type="text/css" />
<link href="/css/user-panel.css?version=1" rel="stylesheet" type="text/css" /> <link href="/css/user-panel.css?version=2" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" /> <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" /> <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="~/lib/jquery/dist/jquery.min.js"></script>
@ -179,7 +179,7 @@
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script> <script src="~/js/site.js" asp-append-version="true"></script>
<script src="/js/user-panel.js?version=1"></script> <script src="/js/user-panel.js?version=2"></script>
@await RenderSectionAsync("Scripts", required: false) @await RenderSectionAsync("Scripts", required: false)
<div id="footer"></div> <div id="footer"></div>

8
GanjooRazor/wwwroot/css/user-panel.css
View File

@ -136,6 +136,14 @@
transition: background-color 0.15s ease, opacity 0.15s ease, transform 0.05s ease; transition: background-color 0.15s ease, opacity 0.15s ease, transform 0.05s ease;
} }
/* p8.css (site-wide, pre-existing) separately defines .up-btn::after as part of an
unrelated arrow_circle_up/down/left/right icon family for vote-style controls.
That class name collides with ours - cancel its injected icon here since
user-panel.css loads after p8.css and wins the cascade at equal specificity. */
.up-btn::after {
content: none;
}
.up-btn:hover { .up-btn:hover {
background-color: var(--up-primary-hover); background-color: var(--up-primary-hover);
color: var(--up-on-primary); color: var(--up-on-primary);