Override player name colours when hovering etc

JLyne · Jun 23, 2021 · 0081dcf · 0081dcf
1 parent d39a17d
commit 0081dcf
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/components/sidebar/PlayerListItem.vue b/src/components/sidebar/PlayerListItem.vue
@@ -134,7 +134,7 @@ export default defineComponent({
 			}
 		}
 
-		&.player--other-world {
+		&.player--other-world:not(:hover) {
 			.player__icon {
 				opacity: 0.5;
 			}
@@ -143,5 +143,11 @@ export default defineComponent({
 				color: var(--text-disabled);
 			}
 		}
+
+		&:hover, &:focus, &:active, &.player--other-world {
+			.player__name ::v-deep(span) {
+				color: inherit !important;
+			}
+		}
 	}
 </style>