1
0
Fork 0
mirror of https://github.com/betagouv/mon-entreprise synced 2025-03-14 02:05:08 +00:00
mon-entreprise/source/components/Rule.css
Mael Thomas f08ac5ff66 [moteur] Réécriture du moteur : exécution et affichage de l'AST
Sur une règle fictive, transformation de l'arbre (récursif cette fois-ci, ouf) et visualisation du calcul sur la page de la règle
Il reste à :
- ré-implémenter la formule, et les autres mécanismes listés dans traverse.js. Visualiser tout ça.
- recollecter les variables manquantes
- revenir au vrai code du CDD. CIF, puis les autres
- implémenter l'indemnité de congés payés -> nouveau mécanisme (max) + gestion de la conversion temporelle
2017-02-27 19:30:03 +01:00

106 lines
1.5 KiB
CSS

#rule {
font-size: 120%;
}
#rule pre {
padding: 1em 2em;
}
.rule-type {
padding: 0 .5em;
font-size: 75%;
margin-right: 1em;
display: inline-block;
width: 7em;
text-align: center;
color: #4B4B66;
border: 2px solid #4B4B66;
border-radius: 3px;
font-weight: 600;
text-transform: uppercase;
}
#rule h1 {
margin-bottom: 1%;
color: #4B4B66;
display: flex;
align-items: center;
}
#rule h2 {
font-size: 100%;
font-weight: 400;
border-bottom: 1px solid #4B4B66;
display: inline-block;
padding-right: .6em;
}
#rule .rule-type {
font-size: 35%;
}
#rule-meta {
display: flex;
justify-content: flex-start;
min-height: 5em;
}
#meta-paragraph {
background: rgba(51, 51, 80, 0.03);
margin: 0 3em;
padding: 1em;
}
#rule-meta #rule-references {
font-size: 85%;
list-style: none;
padding-left: 1em;
}
#rule-meta #rule-references li i {
margin: 0 1em;
color: #333350
}
#rule-rules {
display: flex;
justify-content: start;
min-height: 5em;
}
#rule-rules section {
margin: 1em 3em
}
.node {
margin-top: .5em;
padding-left: 1em;
}
.ruleProp > div > .name {
padding: 0 1em;
border: 1px solid black;
background: #00ad9c
}
.mecanism {
}
.mecanism > div > .name {
padding: 0 1em;
border: 1px solid black;
background: #d5911a
}
.expression {
}
.expression > div > .name {
padding: 0 1em;
border: 1px solid black;
background: #6666ea;
}
#rule-rules .value {
padding-left: 1em;
font-weight: bold;
}
#rule-rules .value.oui {
color: #5ab738;
}
#rule-rules .value.non {
color: #f22c40;
}