feat(core): ✨ simplify toc styles

StarCitizenTools · May 8, 2024 · 0aa6172 · 0aa6172
1 parent 9da9101
commit 0aa6172
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 13 deletions.
diff --git a/resources/skins.citizen.styles/components/TableOfContents.less b/resources/skins.citizen.styles/components/TableOfContents.less
@@ -3,24 +3,12 @@
 	font-size: var( --font-size-small );
 	line-height: var( --line-height-xs );
 
-	&__card {
-		display: flex;
-		flex-direction: column;
-		gap: var( --space-xs );
-	}
-
 	&__top {
 		.citizen-ui-icon {
 			transform: rotate( 90deg );
 		}
 	}
 
-	&__header {
-		font-size: var( --font-size-x-small );
-		color: var( --color-base--subtle );
-		letter-spacing: 0.05em;
-	}
-
 	&__contents {
 		margin-left: 1px;
 	}
@@ -45,6 +33,7 @@
 		display: flex;
 		gap: var( --space-xs );
 		padding-top: var( --space-xs );
+		padding-right: var( --space-xs );
 		padding-bottom: var( --space-xs );
 		font-weight: var( --font-weight-medium );
 		color: var( --color-base );
@@ -101,6 +90,10 @@
 			}
 		}
 	}
+
+	.citizen-menu__heading {
+		padding-left: 0;
+	}
 }
 
 // Sticky header styles

diff --git a/templates/TableOfContents.mustache b/templates/TableOfContents.mustache
@@ -21,7 +21,7 @@
 			<div class="citizen-ui-icon mw-ui-icon-first mw-ui-icon-wikimedia-first"></div>
 			<div class="citizen-toc__text">{{msg-citizen-jumptotop}}</div>
 		</a>
-		<div class="citizen-toc__header">{{msg-toc}}</div>
+		<div class="citizen-menu__heading">{{msg-toc}}</div>
 		<ul class="citizen-toc__contents" id="mw-panel-toc-list">
 			{{#array-sections}}
 			{{>TableOfContents__line}}