More nav polish.

amyjko · Jul 28, 2024 · 4e8251a · 4e8251a
1 parent 525f014
commit 4e8251a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 17 deletions.
diff --git a/src/lib/Link.svelte b/src/lib/Link.svelte
@@ -38,8 +38,6 @@
 		text-decoration: none;
 		cursor: default;
 		background: none;
-		color: var(--foreground);
-		font-weight: bold;
 	}
 
 	a.bland {

diff --git a/src/lib/OrgNav.svelte b/src/lib/OrgNav.svelte
@@ -45,7 +45,7 @@
 	.links {
 		display: flex;
 		flex-direction: row;
-		justify-content: center;
+		justify-content: start;
 		gap: var(--spacing);
 		font-size: var(--small-size);
 	}

diff --git a/src/lib/Title.svelte b/src/lib/Title.svelte
@@ -32,19 +32,9 @@
 </svelte:head>
 
 <div class="title">
-	{#if $org}
-		<OrgNav organization={$org} />
-	{/if}
 	<div class="background {kind}">
-		{#if $org && $page.url.pathname !== `/org/${$org.getPath()}`}
-			<div class="breadcrumbs">
-				{#if $page.url.pathname.includes('/role/')} &gt;<RoleLink roleID={null} /> {/if}
-				{#if $page.url.pathname.includes('/process/')} &gt;<ProcessLink processID={null} /> {/if}
-				{#if $page.url.pathname.includes('/change/')}
-					&gt;<Link to="/org/{$org.getPath()}/changes" kind="change">Changes</Link>{/if}
-				{#if $page.url.pathname.includes('/person/')}
-					&gt; <Link to="/org/{$org.getPath()}/people" kind="person">People</Link>{/if}
-			</div>
+		{#if $org}
+			<OrgNav organization={$org} />
 		{/if}
 		<div>
 			{#if kind}
@@ -62,7 +52,7 @@
 
 <style>
 	.title {
-		width: calc(100% - (2 * var(--spacing)));
+		width: calc(100%);
 		/* position: sticky;
 		top: 0; */
 		z-index: 1;
@@ -75,7 +65,8 @@
 		display: flex;
 		flex-direction: column;
 		gap: calc(var(--spacing) / 2);
-		background: var(--background);
+		background: var(--foreground);
+		color: var(--background);
 		padding: calc(var(--spacing));
 	}