bbaovanc/bobatheme
1
0
Fork 0
mirror of https://github.com/BBaoVanC/bobatheme.git synced 2025-08-31 00:57:33 -05:00
Code Issues Projects Releases Wiki Activity

Add arrow in the right side of list page section buttons

Browse Source 
This makes it more obvious that you can click this to view a different
area.
This commit is contained in:
BBaoVanC
2025-08-27 11:38:29 -05:00
parent 22e7ad4b77
commit 4bc8184593
2 changed files with 28 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
assets/css/bobastyle.css
View File

@@ -611,6 +611,9 @@ body {
color: var(--text-1); color: var(--text-1);
border-radius: 12px; border-radius: 12px;
padding: 1px 25px; padding: 1px 25px;
display: flex;
flex-direction: row;
justify-content: space-between;
} }
.section:hover { .section:hover {
@@ -634,6 +637,16 @@ body {
margin-bottom: 5px; margin-bottom: 5px;
} }
.section-arrow {
margin-block: auto;
max-height: fit-content;
float: right;
}
.section-arrow > .icon {
height: 48px;
width: 48px;
}
/* }}} */ /* }}} */

24
layouts/section.summary.html
View File

@@ -1,14 +1,20 @@
<a class="section-anchor" href="{{ .Permalink }}"> <a class="section-anchor" href="{{ .Permalink }}">
<div class="section"> <div class="section">
<h2 class="section-title"> <div>
{{ with .Params.icon }}{{ partial "icon.html" . }}{{ end }} <h2 class="section-title">
{{ .Title | markdownify }} {{ with .Params.icon }}{{ partial "icon.html" . }}{{ end }}
</h2> {{ .Title | markdownify }}
</h2>
{{ with .Summary }} {{ with .Summary }}
<div class="section-description"> <div class="section-description">
{{ . }} {{ . }}
</div> </div>
{{ end }} {{ end }}
</div>
<div class="section-arrow">
{{ partial "icon.html" "arrow-right" }}
</div>
</div> </div>
</a> </a>