X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;ds=sidebyside;f=resources%2Fsass%2Ftracker.scss;h=27bd55e9da9f16e6302a623a266a594c3438fd6a;hb=cce28e8619fe87d4be33f82df9a5ec16b2ad9cf6;hp=96da0ae2594f35aa4ab52f0e7886f9b251547fff;hpb=6ce22c808bd3025ea252334e516451ddc3b948eb;p=alttp.git

diff --git a/resources/sass/tracker.scss b/resources/sass/tracker.scss
index 96da0ae..27bd55e 100644
--- a/resources/sass/tracker.scss
+++ b/resources/sass/tracker.scss
@@ -1,4 +1,9 @@
 .tracker {
+	.auto-tracking {
+		.custom-toggle {
+			vertical-align: middle;
+		}
+	}
 	.count-display,
 	.med-display {
 		background: black;
@@ -36,9 +41,15 @@
 				&.is-zero {
 					display: none;
 				}
+				&.is-full {
+					color: green;
+				}
 			}
 		}
 	}
+	.dungeons {
+		padding: 1ex;
+	}
 	.dungeon-ep,
 	.dungeon-pd {
 		margin-top: 1ex;
@@ -49,6 +60,9 @@
 		gap: 1ex;
 		padding: 1ex;
 	}
+	.inventory {
+		font-size: 110%;
+	}
 	.items {
 		display: grid;
 		grid-template-columns: 3em 3em 3em 3em 3em;
@@ -120,16 +134,17 @@
 	}
 	.tracker-map {
 		.canvas {
-			width: 50em;
+			width: 100%;
 			height: auto;
 			.location {
 				.box {
 					width: 0.04px;
 					height: 0.04px;
-					fill: green;
-					stroke: black;
-					stroke-width: 0.003px;
 					transform: translate(-0.02px, -0.02px);
+					fill: #0d0;
+					stroke: black;
+					stroke-width: 1px;
+					vector-effect: non-scaling-stroke;
 				}
 				.text {
 					fill: black;
@@ -138,6 +153,7 @@
 					text-anchor: middle;
 					dominant-baseline: middle;
 					pointer-events: none;
+					user-select: none;
 				}
 				&.status-cleared {
 					.box {
@@ -145,6 +161,16 @@
 						opacity: 0.4;
 					}
 				}
+				&.status-partial {
+					.box {
+						fill: yellow;
+					}
+				}
+				&.status-unavailable {
+					.box {
+						fill: red;
+					}
+				}
 				&.size-lg {
 					.box {
 						width: 0.08px;
@@ -155,6 +181,11 @@
 						font-size: 0.04px;
 					}
 				}
+				&.clickable {
+					.box:hover {
+						stroke: white;
+					}
+				}
 			}
 		}
 	}
@@ -164,11 +195,17 @@
 		}
 	}
 	.tracker-toolbar {
+		label .zelda-icon,
 		.toggle-icon {
 			display: inline-block;
 			width: 2em;
 			height: 2em;
 		}
+		.form-select {
+			background-image: none;
+			padding-right: 0.75rem;
+			border: none;
+		}
 	}
 	.zelda-icon {
 		width: 100%;