DGNum/annuaire-eleves
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

On fixe l'apparence des infos

Browse source
This commit is contained in:
Tom Hubrecht 2021-01-28 11:21:48 +01:00
parent 61544cc709
commit 444b5e1995
2 changed files with 21 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
fiches/static/fiches/css/annuaire.css
View file

@ -367,16 +367,23 @@ body {
} }
#content-view-profile .infos > *.multi-entry ul.value li { #content-view-profile .infos > *.multi-entry ul.value li {
padding: 0; padding: 0;
display: grid;
grid-template-areas: "type value";
} }
#content-view-profile .infos > *.multi-entry ul.value li .type { #content-view-profile .infos > *.multi-entry ul.value li .type {
display: inline-block; display: inline-block;
margin: 0 1em 0 0; margin: 0 1em 0 0;
color: #DFDFDF; color: #DFDFDF;
font-style: italic; font-style: italic;
grid-area: type;
} }
#content-view-profile .infos > *.multi-entry ul.value li .value { #content-view-profile .infos > *.multi-entry ul.value li .value {
display: inline-block; display: inline-block;
float: right; grid-area: value;
text-align: right;
}
#content-view-profile .infos > *.multi-entry ul.value li:not(:last-child) {
margin-bottom: 10px;
} }
#content-view-profile .free-text { #content-view-profile .free-text {
grid-area: free-text; grid-area: free-text;
@ -498,6 +505,7 @@ body {
#content-edit-profile #free-text-edit-form textarea { #content-edit-profile #free-text-edit-form textarea {
width: 100%; width: 100%;
padding: 5px; padding: 5px;
resize: none;
} }
#content-edit-profile #photo-edit-form .current-photo { #content-edit-profile #photo-edit-form .current-photo {
margin: 0 0 20px 0; margin: 0 0 20px 0;

13
fiches/static/fiches/scss/_content.scss
View file

@ -151,19 +151,29 @@
li { li {
padding: 0; padding: 0;
display: grid;
grid-template-areas: "type value";
.type { .type {
display: inline-block; display: inline-block;
margin: 0 1em 0 0; margin: 0 1em 0 0;
color: colors.$page-text-secondary; color: colors.$page-text-secondary;
font-style: italic; font-style: italic;
grid-area: type;
} }
.value { .value {
display: inline-block; display: inline-block;
float: right; grid-area: value;
text-align: right;
} }
&:not(:last-child) {
margin-bottom: 10px;
}
} }
} }
} }
} }
@ -329,6 +339,7 @@
textarea { textarea {
width: 100%; width: 100%;
padding: 5px; padding: 5px;
resize: none;
} }
} }