88 lines
2.8 KiB
SCSS
88 lines
2.8 KiB
SCSS
// Rôle : présente la liaison checklist et l'état terminé communs aux cartes de guides.
|
|
.guide-checklist-controls {
|
|
text-align: center;
|
|
margin-bottom: var(--space-3);
|
|
padding-bottom: var(--space-3);
|
|
border-bottom: 1px solid var(--color-border);
|
|
min-width: 0;
|
|
p { margin: var(--space-2) 0 0; color: var(--color-text-muted); font-size: var(--font-size-xs); }
|
|
.nds-switch { max-width: 100%; }
|
|
.guide-checklist-actions { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: var(--space-2); padding-top: var(--space-2); }
|
|
}
|
|
.module-guide-button[data-linked] .ui-icon { color: var(--color-accent-gold); }
|
|
.game-heading-actions {
|
|
display: flex;
|
|
align-self: stretch;
|
|
align-items: flex-end;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
.guide-checklist-page-controls {
|
|
display: grid;
|
|
align-self: flex-end;
|
|
gap: var(--space-2);
|
|
width: min(100%, 360px);
|
|
padding: 8px;
|
|
}
|
|
.guide-checklist-page-select {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--space-2);
|
|
color: var(--color-text-muted);
|
|
font-size: var(--font-size-xs);
|
|
font-weight: 700;
|
|
}
|
|
.guide-checklist-page-select > span { white-space: nowrap; }
|
|
.guide-checklist-page-select .nds-select {
|
|
width: auto;
|
|
min-width: 0;
|
|
flex: 1;
|
|
}
|
|
.guide-checklist-page-actions {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
gap: var(--space-2);
|
|
}
|
|
.guide-checklist-page-controls .nds-switch { max-width: 100%; }
|
|
.game-heading-navigation {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--space-2);
|
|
}
|
|
.guide-checklist-checkbox {
|
|
position: absolute;
|
|
right: 10px;
|
|
bottom: 10px;
|
|
z-index: 3;
|
|
display: grid;
|
|
width: 30px;
|
|
height: 30px;
|
|
place-items: center;
|
|
border: 1px solid var(--color-border);
|
|
border-radius: var(--radius-sm);
|
|
background: rgba(7, 10, 24, 0.82);
|
|
cursor: pointer;
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.28);
|
|
}
|
|
.guide-checklist-checkbox:hover { border-color: var(--color-border-hover); }
|
|
.aniimo-portrait,
|
|
.mhwilds-card-art { position: relative; }
|
|
.diablo4-affix-card > .guide-checklist-checkbox { right: 12px; bottom: 12px; }
|
|
.guide-checklist-mark {
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 10px;
|
|
z-index: 2;
|
|
pointer-events: none;
|
|
}
|
|
.endemic-card, .diablo4-affix-card { position: relative; }
|
|
.diablo4-affix-card .guide-checklist-mark,
|
|
.aniimo-back .guide-checklist-mark { top: auto; left: auto; right: 10px; bottom: 10px; }
|
|
.mhwilds-card-back .guide-checklist-mark { left: auto; right: 50px; }
|
|
.diablo4-affix-card .diablo4-category-list { padding-right: 34px; }
|
|
[data-checklist-complete="true"] {
|
|
.aniimo-back-details.nds-scrollbox[data-variant] { padding-bottom: 36px; }
|
|
.aniimo-portrait img, .mhwilds-card-art img { filter: grayscale(1); opacity: 0.55; }
|
|
.diablo4-category-icon { filter: grayscale(1); opacity: 0.55; }
|
|
}
|