feat: aggiunta etichetta 'Non Validato' per i canti personalizzati della comunità
- Definita la proprietà 'nonValidato' nell'interfaccia Canto. - Impostato il flag 'nonValidato: true' sui canti mappati in ComunitaService. - Creato e integrato il badge grafico rosso soft '.non-validato-badge' sia in HomePage (accanto al titolo del canto) sia in PlayerPage (nell'intestazione del brano), con supporto alla modalità ad alto contrasto.
This commit is contained in:
@@ -18,6 +18,7 @@
|
||||
{{ getCommunitySongNumber(canto()) || canto()?.id_canti }}
|
||||
</span>
|
||||
<span class="title-text">{{ canto()?.titolo || 'Player' }}</span>
|
||||
<span *ngIf="canto()?.nonValidato" class="non-validato-badge">Non Validato</span>
|
||||
</div>
|
||||
</ion-title>
|
||||
<ion-buttons slot="start">
|
||||
|
||||
@@ -532,3 +532,24 @@ ion-content.full-screen-content {
|
||||
border: 1px solid rgba(0, 0, 0, 0.15) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.non-validato-badge {
|
||||
font-size: 0.6rem;
|
||||
background: rgba(231, 76, 60, 0.15); /* Soft premium red */
|
||||
color: #e74c3c;
|
||||
padding: 1px 6px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid rgba(231, 76, 60, 0.3);
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
margin-left: 6px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
:host-context(body.high-contrast) .non-validato-badge {
|
||||
background: rgba(231, 76, 60, 0.1) !important;
|
||||
color: #c0392b !important;
|
||||
border-color: #c0392b !important;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user