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:
@ -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,
|
||||
|
Reference in New Issue
Block a user