mirror of
https://github.com/msfjarvis/msfjarvis.dev.git
synced 2024-06-03 04:18:56 +05:30
Make tag view scrollable
Signed-off-by: Harsh Shandilya <msfjarvis@gmail.com>
This commit is contained in:
parent
4b39e41c5d
commit
0bae76802a
|
@ -7,11 +7,11 @@
|
||||||
| Also available on <a href="{{ . }}">dev.to</a>
|
| Also available on <a href="{{ . }}">dev.to</a>
|
||||||
{{- end -}}
|
{{- end -}}
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<div class="tag-container">
|
||||||
{{ range .Params.tags }}
|
{{ range .Params.tags }}
|
||||||
<button class="tag-button"><a class="tag-button" href="{{ "tags/" | absLangURL }}{{ . | urlize }}">#{{.}}</a> </button>
|
<button class="tag-button"><a class="tag-button" href="{{ "tags/" | absLangURL }}{{ . | urlize }}">#{{.}}</a> </button>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</p>
|
</div>
|
||||||
{{- with .Content -}}
|
{{- with .Content -}}
|
||||||
{{ . | replaceRE "(<h[1-2] id=\"([^\"]+)\".+)(</h[1-9]+>)" `<a href="#${2}" class="hanchor" ariaLabel="Anchor"> ${1}</a> ${3}` | safeHTML }}
|
{{ . | replaceRE "(<h[1-2] id=\"([^\"]+)\".+)(</h[1-9]+>)" `<a href="#${2}" class="hanchor" ariaLabel="Anchor"> ${1}</a> ${3}` | safeHTML }}
|
||||||
{{- end -}}
|
{{- end -}}
|
||||||
|
|
|
@ -96,6 +96,19 @@ div.image_caption {
|
||||||
color: #757575;
|
color: #757575;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div.tag-container {
|
||||||
|
width: fit-content(300px);
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
overflow-x: auto;
|
||||||
|
scrollbar-width: 0rem;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow-y: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
.tag-button {
|
.tag-button {
|
||||||
background-color: #202020;
|
background-color: #202020;
|
||||||
border: none;
|
border: none;
|
||||||
|
|
Loading…
Reference in New Issue
Block a user