fix some component styles

Author: ryanatkn

.changeset/ready-brooms-bet.md

@@ -0,0 +1,5 @@
+---
+'@fuzdev/fuz_gitops': patch
+---
+
+fix some component styles

package-lock.json

@@ -40,7 +40,7 @@
   "devDependencies": {
     "@changesets/changelog-git": "^0.2.1",
     "@fuzdev/fuz_code": "^0.45.0",
-    "@fuzdev/fuz_css": "^0.49.1",
+    "@fuzdev/fuz_css": "^0.50.0",
     "@fuzdev/fuz_ui": "^0.183.1",
     "@fuzdev/fuz_util": "^0.50.1",
     "@fuzdev/gro": "^0.192.1",

package.json

@@ -179,12 +179,7 @@
 	td {
 		padding: 0 var(--space_xs);
 	}
-	tr:hover {
-		background-color: var(--fg_50);
-	}
 	.latest {
-		/* TODO even lighter, add `--text_color_7` to Fuz probably, or change the scaling of `--text_color_3` and `--text_color_5` */
 		color: var(--text_50);
-		opacity: var(--disabled_opacity);
 	}
 </style>

src/lib/ReposTable.svelte

@@ -16,7 +16,7 @@
 </script>
 
 <nav>
-	<menu class="names panel p_md">
+	<menu class="panel p_md">
 		{#each repos as repo (repo.name)}
 			{@const selected = repo === selected_repo}
 			<li style:display="contents">
@@ -44,14 +44,4 @@
 		padding: var(--space_lg);
 		padding-right: 0;
 	}
-	.names {
-		padding: var(--space_md);
-	}
-	/* TODO should be a CSS class or variable, probably add :focus behavior */
-	.names a:hover {
-		background-color: var(--fg_50);
-	}
-	.names a:is(:active, .selected) {
-		background-color: var(--fg_70);
-	}
 </style>

src/lib/ReposTreeNav.svelte

@@ -98,8 +98,6 @@
 	--duration_5: 1.5s;
 	--fg_10: var(--darken_10);
 	--fg_20: var(--darken_20);
-	--fg_50: var(--darken_50);
-	--fg_70: var(--darken_70);
 	--font_family_mono: ui-monospace, 'Fira Mono', monospace;
 	--font_family_sans:
 		system-ui, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
@@ -267,8 +265,6 @@
 	--color_j_50: hsl(var(--hue_j) 55% 54%);
 	--fg_10: var(--lighten_10);
 	--fg_20: var(--lighten_20);
-	--fg_50: var(--lighten_50);
-	--fg_70: var(--lighten_70);
 	--link_color: hsl(var(--hue_a) 61% 58%);
 	--shade_00: hsl(var(--tint_hue) var(--tint_saturation) 6%);
 	--shade_10: hsl(var(--tint_hue) var(--tint_saturation) 12%);
@@ -465,7 +461,7 @@ body {
 	margin-bottom: var(--space_xl7);
 }
 
-:where(.row, .box, .column) > * {
+:where(.row > *) {
 	margin: 0;
 }
 

src/routes/fuz.css

@@ -51,7 +51,7 @@
 		"devDependencies": {
 			"@changesets/changelog-git": "^0.2.1",
 			"@fuzdev/fuz_code": "^0.45.0",
-			"@fuzdev/fuz_css": "^0.49.1",
+			"@fuzdev/fuz_css": "^0.50.0",
 			"@fuzdev/fuz_ui": "^0.183.1",
 			"@fuzdev/fuz_util": "^0.50.1",
 			"@fuzdev/gro": "^0.192.1",