Gestion des actions sur les items

- dans la liste d'équipement, liste d'actions fournie par code
- support d'actions multiples
- listener générique

Utilisation du mécanisme pour tous les items, standardisation de
l'apparence des boutons d'items
This commit is contained in:
2025-01-15 19:13:32 +01:00
parent ce7f5381ca
commit 9fc21e6d97
60 changed files with 560 additions and 601 deletions

View File

@ -67,7 +67,8 @@
/* =================== 3. some constants ============ */
--color-controls:rgba(0, 0, 0, 0.9);
--color-controls-hover:rgba(255, 255, 128, 0.7);
--color-controls-light:hsla(0, 0%, 20%, 0.8);
--color-controls-hover:hsla(60, 100%, 75%, 0.7);
--color-control-border-hover:rgba(255, 128, 0, 0.8);
--color-gold: rgba(191, 149, 63, 0.8);
--gradient-gold: linear-gradient(30deg, rgba(191, 149, 63, 0.3), rgba(252, 246, 186, 0.3), rgba(179, 135, 40, 0.3), rgba(251, 245, 183, 0.3), rgba(170, 119, 28, 0.3));
@ -391,9 +392,7 @@ table {border: 1px solid #7a7971;}
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.flex-group-center,
.flex-group-left,
.flex-group-right {
.flex-group-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
@ -405,8 +404,11 @@ table {border: 1px solid #7a7971;}
}
.flex-group-left {
-webkit-box-align: start;
-webkit-box-pack: start;
-ms-flex-align: start;
-ms-flex-pack: start;
align-items: start;
justify-content: flex-start;
text-align: left;
}
@ -417,8 +419,11 @@ table {border: 1px solid #7a7971;}
}
.flex-group-right {
-webkit-box-align: end;
-webkit-box-pack: end;
-ms-flex-align: end;
-ms-flex-pack: end;
align-items: end;
justify-content: flex-end;
text-align: right;
}
@ -440,9 +445,9 @@ table {border: 1px solid #7a7971;}
}
.flex-shrink {
flex: 'flex-shrink' ;
flex-shrink: 2;
flex-shrink: 0;
}
:is(.flex-grow, .flex-grow-3) {
.flex-grow, .flex-grow-3 {
flex-grow: 3;
}
.flex-grow-2 {
@ -493,12 +498,13 @@ span.equipement-detail-buttons {
justify-content: center;
text-align: center;
}
.item-actions-controls,
.equipement-actions {
margin: 0;
flex-grow: 2;
align-items: center;
justify-content: center;
text-align: left;
align-items: end;
justify-content: flex-end;
text-align: right;
}
.blessure-control {
@ -813,16 +819,21 @@ input:is(.blessure-premiers_soins, .blessure-soins_complets) {
margin: 0;
}
.competence-list .item-controls {
.competence-list .item-controls,
.competence-list .item-actions-controls {
display: contents !important;
}
.competence-list .item-actions-controls.hidden-controls,
.competence-list .item-controls.hidden-controls {
display: none !important;
}
.item-actions-controls a.actionItem i:is(.fas, .fa, .fa-solid, .fa-regular),
.item-controls i:is(.fas, .fa, .fa-solid, .fa-regular) {
font-size: 0.8em;
color: var(--color-controls);
color: var(--color-controls-light);
}
.item-actions-controls a.actionItem i:is(.fas, .fa, .fa-solid, .fa-regular):hover,
.item-controls i:is(.fas, .far, .fa-solid, .fa-regular):hover {
opacity: 0.6;
}
@ -1088,25 +1099,29 @@ li label.compteur {
padding: 0.25rem;
}
.window-app.sheet .window-content .carac-value, .window-app.sheet .window-content .competence-xp {
.window-app.sheet .window-content .carac-value,
.window-app.sheet .window-content .competence-xp {
flex-grow: 0;
margin: 0.05rem;
flex-basis: 2rem;
text-align: center;
}
.window-app.sheet .window-content .carac-value, .window-app.sheet .window-content .competence-value {
.window-app.sheet .window-content .carac-value,
.window-app.sheet .window-content .competence-value {
flex-grow: 0;
margin: 0.05rem;
flex-basis: 2rem;
text-align: center;
}
.window-app.sheet .window-content .carac-value, .window-app.sheet .window-content .competence-archetype {
.window-app.sheet .window-content .carac-value,
.window-app.sheet .window-content .competence-archetype {
flex-grow: 0;
margin: 0.05rem;
flex-basis: 2rem;
text-align: center;
}
.window-app.sheet .window-content .carac-value, .window-app.sheet .window-content .competence-xp-sort {
.window-app.sheet .window-content .carac-value,
.window-app.sheet .window-content .competence-xp-sort {
flex-grow: 0;
margin: 0.05rem;
flex-basis: 2rem;
@ -1196,6 +1211,9 @@ ul.chat-list li:nth-child(odd) {
.item-controls i.fas.allouer-stress.level-up {
color: var(--color-gold);
}
.item-action-controls i.fa-solid.allouer-stress.level-up {
color: var(--color-gold);
}
.blessures-list ul {
display: flex;
}
@ -1312,21 +1330,11 @@ div.competence-column div.categorie-competence{
font-weight: bold;
flex-grow: 0;
}
.arme-label,
.generic-label,
.competence-label,
.astrologie-label,
.tache-label,
.generic-label,
.subacteur-label,
.chant-label,
.musique-label,
.oeuvre-label,
.chant-label,
.danse-label,
.recette-label,
.jeu-label,
.recettecuisine-label,
.description-label {
.list-item-label,
.list-title-label {
flex-grow: 2;
}
.attribut-value,