Mudanças entre as edições de "Widget:Conquistas"
Ir para navegação
Ir para pesquisar
m |
m |
||
| Linha 61: | Linha 61: | ||
<span class="gla-conquistas-filter is-active" data-filter="all">Todas</span> | <span class="gla-conquistas-filter is-active" data-filter="all">Todas</span> | ||
<span class="gla-conquistas-filter" data-filter="normal">Normal</span> | <span class="gla-conquistas-filter" data-filter="normal">Normal</span> | ||
<span class="gla-conquistas-filter" data-filter="hidden"> | <span class="gla-conquistas-filter" data-filter="hidden">Secreta</span> | ||
</div> | </div> | ||
<div class="gla-conquistas-filters" id="gla-filter-coliseu" style="display:none"> | <div class="gla-conquistas-filters" id="gla-filter-coliseu" style="display:none"> | ||
| Linha 275: | Linha 275: | ||
} | } | ||
/* Cresce no espaço livre até max-width; os filtros ficam encostados à | |||
direita dela em vez de no fim da linha. */ | |||
.gla-conquistas-search { | .gla-conquistas-search { | ||
flex: 1 1 auto; | flex: 1 1 auto; | ||
min-width: 160px; | min-width: 160px; | ||
max-width: 360px; | |||
padding: 8px 16px; | padding: 8px 16px; | ||
border: 1px solid var(--gla-rule); | border: 1px solid var(--gla-rule); | ||
| Linha 299: | Linha 302: | ||
/* ─── Filtros ────────────────────────────────────────────────────────── */ | /* ─── Filtros ────────────────────────────────────────────────────────── */ | ||
/* margin-left:auto empurra o grupo pra direita do controls, deixando | |||
a search à esquerda e os filtros encostados na borda direita. */ | |||
.gla-conquistas-filters { | .gla-conquistas-filters { | ||
display: flex; | display: flex; | ||
gap: 6px; | gap: 6px; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
margin-left: auto; | |||
} | } | ||
| Linha 688: | Linha 694: | ||
} | } | ||
.gla-item[data-hidden="true"] .gla-item-main, | |||
.gla-item[data-hidden="true"] .gla-item-title, | .gla-item[data-hidden="true"] .gla-item-title, | ||
.gla-item[data-hidden="true"] .gla-item-desc { | .gla-item[data-hidden="true"] .gla-item-desc { | ||
| Linha 693: | Linha 700: | ||
} | } | ||
/* — BLUR | /* — BLUR | ||
Aplicado no .gla-item-main (pai que envolve icon + title + desc + | |||
.gla-conquistas-root[data-reveal-mode="blur"] .gla-item[data-hidden="true"]:not(.is-revealed) .gla-item- | reward + spoiler-toggle) — borra TUDO de uma vez. Antes só borrava | ||
título e descrição, mas o ícone da conquista também entregava a | |||
secreta. O ribbon "SECRETA" tá no ::before do .gla-item (fora do | |||
main), então continua nítido. */ | |||
.gla-conquistas-root[data-reveal-mode="blur"] .gla-item[data-hidden="true"]:not(.is-revealed) .gla-item-main { | |||
filter: blur(5px); | filter: blur(5px); | ||
user-select: none; | user-select: none; | ||
} | } | ||