MediaWiki:Vector-2022.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
+/* 1. Esconde o ícone original teimoso */
+#ca-watch .vector-icon,
+#ca-unwatch .vector-icon {
+    display: none !important;
+}
+/* 2. Cria o novo ícone usando Material Icons */
+#ca-watch a::before,
+#ca-unwatch a::before {
+    font-family: 'Material Symbols Rounded';
+    content: "bookmark_add"; /* Ícone da estrela vazia */
+    font-size: 20px;
+    color: #000000;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 28px;
+    height: 28px;
+    vertical-align: middle;
+}
+/* 3. Muda para a estrela cheia quando a página já está vigiada */
+#ca-unwatch a::before {
+    content: "bookmark_remove"; /* Ícone da estrela preenchida */
+}
@@ Line 9: / Line 34: @@
-/* Força o ícone a ficar branco quando o fundo for verde escuro */
-.cdx-button--weight-quiet.cdx-button--fake-button--enabled:hover .vector-icon {
-    background-color: #ffffff !important;
-    filter: brightness(0) invert(1) !important;
-}
 /* Se houver texto ao lado do ícone no hover, também fica branco */