X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;ds=sidebyside;f=resources%2Fsass%2Ftracker.scss;h=01704b75f3f69e33ac4c696604798a349bc1a99c;hb=1a3d040147c19d24b8d02ec8e594eb06b8efc1ff;hp=5bc5a4696f870ea53e53157edcf8f8f27f6d2aaa;hpb=cdb12f8f7d161e0e17d23dd1164d3c8b1067be61;p=alttp.git

diff --git a/resources/sass/tracker.scss b/resources/sass/tracker.scss
index 5bc5a46..01704b7 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;
@@ -50,72 +61,23 @@
 		padding: 1ex;
 	}
 	.items {
-		display: grid;
-		grid-template-columns: 3em 3em 3em 3em 3em;
-		gap: 1ex;
-		padding: 1ex;
-	}
-	.item {
-		position: relative;
-		width: 3em;
-		height: 3em;
-
-		.bottom-left,
-		.bottom-right,
-		.top-left,
-		.top-right {
-			position: absolute;
-			width: 50%;
-			height: 50%;
-			.zelda-icon {
-				transform: scale(1.4);
-			}
-		}
-		.bottom-left {
-			bottom: 0;
-			left: 0;
-		}
-		.bottom-right {
-			bottom: 0;
-			right: 0;
-		}
-		.top-left {
-			top: 0;
-			left: 0;
-		}
-		.top-right {
-			top: 0;
-			right: 0;
-		}
-
-		.left,
-		.right {
-			position: absolute;
-			width: 50%;
-			height: 100%;
-			overflow: hidden;
-			.zelda-icon {
-				width: 200%;
-				margin-left: -50%;
-			}
-		}
-		.left {
-			left: 0;
-		}
-		.right {
-			right: 0;
-		}
-		.count-display,
+		width: 100%;
+		height: auto;
 		.med-display {
+			font-size: 0.3px;
+			font-weight: bold;
+			fill: white;
+			stroke: black;
+			stroke-width: 0.15px;
+			stroke-linejoin: round;
+			paint-order: stroke fill;
 			pointer-events: none;
-			&.is-zero {
-				display: none;
+			&.bottom-left {
+				transform: translate(-0.5px, 0.4px);
+			}
+			&.bottom-right {
+				transform: translate(0.1px, 0.4px);
 			}
-		}
-		.med-display {
-			height: 30%;
-			font-size: 80%;
-			line-height: 1;
 		}
 	}
 	.tracker-map {
@@ -147,6 +109,16 @@
 						opacity: 0.4;
 					}
 				}
+				&.status-partial {
+					.box {
+						fill: yellow;
+					}
+				}
+				&.status-unavailable {
+					.box {
+						fill: red;
+					}
+				}
 				&.size-lg {
 					.box {
 						width: 0.08px;
@@ -171,11 +143,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%;