UI fixes for mobile

ItsZariep · ItsZariep · commit 0e1e25ef0ac0 · 2025-10-18T09:43:30.000-06:00
diff --git a/content/about/about.markdown b/content/about/about.markdown
@@ -6,7 +6,7 @@ authors:
   - ItsZariep
   - David Castro
 showDate: false
-url: "/about/"
+url: "/about/about"
 ---
 
 Cereus Linux is a Void Linux–based distribution specifically designed to provide a more user-friendly experience on the Linux desktop. It aims to combine the technical advantages of its base system with a more approachable and curated user environment.
diff --git a/layouts/_shortcodes/updates.html b/layouts/_shortcodes/updates.html
@@ -1,5 +1,5 @@
 <!--BANNER-->
-<link rel="stylesheet" href="/css/updates.css">
+<link rel="stylesheet" href="{{ "css/updates.css" | relURL }}">
 
 <section class="header-upt">
 	<div class="weltext">
diff --git a/layouts/partials/bottompane.html b/layouts/partials/bottompane.html
diff --git a/layouts/partials/toppane.html b/layouts/partials/toppane.html
@@ -23,20 +23,20 @@
 			<li><a href="{{ "/" | relURL }}">Home</a></li>
 			<li><a href="{{ "/wiki" | relURL }}">Wiki</a></li>
 			<li><a href="{{ "/blog" | relURL }}">Blog</a></li>
-			<li><a href="{{ "/about" | relURL }}">About</a></li>
+			<li><a href="{{ "/about/about" | relURL }}">About</a></li>
 
-<li class="tp-dropdown">
-	<input type="checkbox" id="extras-toggle" class="dropdown-checkbox">
-	<label for="extras-toggle">Extras</label>
-	<ul class="tp-dropdown-elements">
-		<li>
-			<a href="https://codeberg.org/cereus-linux/artwork" target="_blank">Artwork</a>
-		</li>
-		<li>
-			<a href="{{ "/extras/mirrors/" | relURL }}">Mirrors</a>
-		</li>
-	</ul>
-</li>
+			<li class="tp-dropdown">
+				<input type="checkbox" id="extras-toggle" class="dropdown-checkbox">
+				<label for="extras-toggle">Extras</label>
+				<ul class="tp-dropdown-elements">
+					<li>
+						<a href="https://codeberg.org/cereus-linux/artwork" target="_blank">Artwork</a>
+					</li>
+					<li>
+						<a href="{{ "/extras/mirrors/" | relURL }}">Mirrors</a>
+					</li>
+				</ul>
+			</li>
 
 
 			<li><a href="{{ "/updates" | relURL }}">Updates</a></li>
diff --git a/static/css/custom.css b/static/css/custom.css
@@ -219,6 +219,9 @@ input[type="text"] {
 
 @media only screen and (max-width: 768px) and (max-aspect-ratio: 1/1)
 {
+.dropdown-checkbox:checked + label + .tp-dropdown-elements {
+    display: block;
+}
 	#left-container .search-input {
 		display:block;
 	}
@@ -232,4 +235,15 @@ input[type="text"] {
 		display: flex;
 		flex-direction: row-reverse;
 	}
+
+	.glance-condensed {
+		display: inline-flex;
+		gap: 1rem;
+		flex-direction: column;
+		font-size: 2rem;
+	}
+	.glance-condensed img {
+		width: 2rem;
+		height: auto;
+	}
 }
diff --git a/themes/Tessera b/themes/Tessera
@@ -1 +1 @@
-Subproject commit 46868f87e77a04e051fef456f0b1397d9574830d
+Subproject commit 4683258f5280b145784c1e1027b076d953e334c8

Original file line number	Diff line number	Diff line change
`@@ -219,6 +219,9 @@ input[type="text"] {`
`219`	`219`
`220`	`220`	`@media only screen and (max-width: 768px) and (max-aspect-ratio: 1/1)`
`221`	`221`	`{`
	`222`	`+.dropdown-checkbox:checked + label + .tp-dropdown-elements {`
	`223`	`+ display: block;`
	`224`	`+}`
`222`	`225`	`#left-container .search-input {`
`223`	`226`	`display:block;`
`224`	`227`	`}`
`@@ -232,4 +235,15 @@ input[type="text"] {`
`232`	`235`	`display: flex;`
`233`	`236`	`flex-direction: row-reverse;`
`234`	`237`	`}`
	`238`	`+`
	`239`	`+ .glance-condensed {`
	`240`	`+ display: inline-flex;`
	`241`	`+ gap: 1rem;`
	`242`	`+ flex-direction: column;`
	`243`	`+ font-size: 2rem;`
	`244`	`+ }`
	`245`	`+ .glance-condensed img {`
	`246`	`+ width: 2rem;`
	`247`	`+ height: auto;`
	`248`	`+ }`
`235`	`249`	`}`