Genius/hextra
1
0
Fork 0
forked from drowl87/hextra_mirror
Code Pull Requests Activity

fix(style): remove sidebar item extra padding and gap (#155)

Browse Source 
* fix: remove sidebar item extra padding and gap

* chore: run build:css
This commit is contained in:
Xin 2023-10-27 09:57:48 -04:00 committed by GitHub
parent 2d2e8aec4c
commit 141e0d8f8c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 4 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
assets/css/compiled/main.css
View File

@ -1136,9 +1136,6 @@ video {
.pr-\[max\(env\(safe-area-inset-right\)\2c 1\.5rem\)\] { .pr-\[max\(env\(safe-area-inset-right\)\2c 1\.5rem\)\] {
padding-right: max(env(safe-area-inset-right),1.5rem); padding-right: max(env(safe-area-inset-right),1.5rem);
} }
.pt-1 {
padding-top: 0.25rem;
}
.pt-4 { .pt-4 {
padding-top: 1rem; padding-top: 1rem;
} }
@ -1386,9 +1383,6 @@ video {
.ease-in { .ease-in {
transition-timing-function: cubic-bezier(0.4, 0, 1, 1); transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
} }
.ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.\[-webkit-tap-highlight-color\:transparent\] { .\[-webkit-tap-highlight-color\:transparent\] {
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
} }
@ -2480,6 +2474,7 @@ article details > summary::before {
} }
.sidebar-container li.open > div { .sidebar-container li.open > div {
height: auto; height: auto;
padding-top: 0.25rem;
} }
.sidebar-container li.open > a > span > svg > path { .sidebar-container li.open > a > span > svg > path {
--tw-rotate: 90deg; --tw-rotate: 90deg;

2
assets/css/components/sidebar.css
View File

@ -13,7 +13,7 @@
@apply h-0; @apply h-0;
} }
li.open > div { li.open > div {
@apply h-auto; @apply h-auto pt-1;
} }
li.open > a > span > svg > path { li.open > a > span > svg > path {
@apply rotate-90; @apply rotate-90;

2
exampleSite/hugo_stats.json
View File

@ -233,7 +233,6 @@
"duration-200", "duration-200",
"duration-75", "duration-75",
"ease-in", "ease-in",
"ease-in-out",
"filename", "filename",
"first:mt-0", "first:mt-0",
"flex", "flex",
@ -455,7 +454,6 @@
"pr-[max(env(safe-area-inset-right),1.5rem)]", "pr-[max(env(safe-area-inset-right),1.5rem)]",
"print:bg-transparent", "print:bg-transparent",
"print:hidden", "print:hidden",
"pt-1",
"pt-4", "pt-4",
"pt-6", "pt-6",
"pt-8", "pt-8",

4
layouts/partials/sidebar.html
View File

@ -80,13 +80,13 @@
</li> </li>
{{- end -}} {{- end -}}
{{- else -}} {{- else -}}
<div class="pt-1 ltr:pr-0 overflow-hidden transition-all ease-in-out duration-200"> <div class="ltr:pr-0 overflow-hidden">
<ul class='relative flex flex-col gap-1 before:absolute before:inset-y-1 before:w-px before:bg-gray-200 before:content-[""] ltr:ml-3 ltr:pl-3 ltr:before:left-0 rtl:mr-3 rtl:pr-3 rtl:before:right-0 dark:before:bg-neutral-800'> <ul class='relative flex flex-col gap-1 before:absolute before:inset-y-1 before:w-px before:bg-gray-200 before:content-[""] ltr:ml-3 ltr:pl-3 ltr:before:left-0 rtl:mr-3 rtl:pr-3 rtl:before:right-0 dark:before:bg-neutral-800'>
{{- range $items.ByWeight }} {{- range $items.ByWeight }}
{{- $active := eq $pageURL .RelPermalink -}} {{- $active := eq $pageURL .RelPermalink -}}
{{- $shouldOpen := or (.Params.sidebar.open) (.IsAncestor $page) $active | default true }} {{- $shouldOpen := or (.Params.sidebar.open) (.IsAncestor $page) $active | default true }}
{{- $title := .LinkTitle | default .File.BaseFileName -}} {{- $title := .LinkTitle | default .File.BaseFileName -}}
<li class="flex flex-col gap-1 {{ if $shouldOpen }}open{{ end }}"> <li class="flex flex-col {{ if $shouldOpen }}open{{ end }}">
{{- template "sidebar-item-link" dict "context" . "active" $active "title" $title "link" .RelPermalink -}} {{- template "sidebar-item-link" dict "context" . "active" $active "title" $title "link" .RelPermalink -}}
{{- if and $toc $active -}} {{- if and $toc $active -}}
{{ template "sidebar-toc" dict "page" . }} {{ template "sidebar-toc" dict "page" . }}