MediaWiki:Vector-2022.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
-/* Esconde a estrela original (branca/teimosa) */
+/* 1. Esconde o ícone original teimoso */
 #ca-watch .vector-icon,
 #ca-unwatch .vector-icon {
@@ Line 5: / Line 5: @@
 }
-/* Injeta um novo ícone no lugar */
+/* 2. Cria o novo ícone usando Material Icons */
 #ca-watch a::before,
 #ca-unwatch a::before {
-     content: "";
+    font-family: 'Material Icons';
-     display: inline-block;
+     content: "star_border"; /* Ícone da estrela vazia */
-     width: 20px;
+    font-size: 20px;
-     height: 20px;
+    color: #000000;
-     margin-right: 5px;
+     display: inline-flex;
+     align-items: center;
+    justify-content: center;
+     width: 28px;
+     height: 28px;
      vertical-align: middle;
-    /* Substitui o URL abaixo pelo link da tua imagem preta */
-    background-image: url('https://upload.wikimedia.org/wikipedia/commons/4/49/Star_empty_black.svg');
-    background-size: contain;
-    background-repeat: no-repeat;
 }
-/* Se quiseres que a estrela mude quando a página JÁ ESTÁ vigiada (Unwatch) */
+/* 3. Muda para a estrela cheia quando a página já está vigiada */
 #ca-unwatch a::before {
-     background-image: url('https://upload.wikimedia.org/wikipedia/commons/2/29/Filled_star_black.svg');
+     content: "star"; /* Ícone da estrela preenchida */
 }
+/* 4. Ajuste para o botão não ficar estranho no hover */
+.mw-watchlink.cdx-button {
+    min-width: 32px;
+    padding: 0 !important;
+}