[v14.0.50] themes inist & istex et semantisation

Inist-CNRS / lodex

Linked Open Data EXperiment

https://www.lodex.fr/

Other

53 stars 12 forks source link

[v14.0.50] themes inist & istex et semantisation #2014

Closed HeleneCreusot closed 2 months ago

HeleneCreusot commented 4 months ago

Lien vers la carte : https://trello.com/c/GTpWXL8O/624-v14050-th%C3%A8mes-inist-istex-et-s%C3%A9mantisation

thème istex : les infos de sémantisation d’un champ sont affichés à droite du champ => si plusieurs champs alignés, la sémantisation d’un champ est collé au libellé du champ contigu
thème inist : en page d’accueil, pour les titres et sous-titres, la sémantisation est affichée au-dessus du champ concerné

theme-init-semantisation theme-istex-semantisation

HeleneCreusot commented 3 months ago

@touv, @AlasDiablo pour étendre le gap aux properties composants un autre bloc .property, cibler : .property_value_container

div.MuiBox-root div div {}

cette div a nativement ces prop. css : élément { padding-left: 2rem; margin-left: 2rem; border-left: 1px dotted rgb(224, 224, 224); display: flex; flex-flow: wrap; }

donc ajouter à ce code : gap: 1wv Et il faut aussi ajouter : justify-content: space-between;

Pour info : les div.property enfants de cette div ont également la class .compose_[BlocLodexInternalName], eg : compose_o2xl

HeleneCreusot commented 3 months ago

@touv, @camilledesalabert et @sbarreaux2 : astuce ! En plus des correctifs décrits dans le commentaire précédent, pour avoir un bel espacement, attribuer un peu moins de 50% (40%) de largeur dans l'affichage des l'éléments composants