[ue.manage][scss.container.list] fuckin' layout pseudo~fix~~~
This commit is contained in:
parent
9e96d7a84e
commit
367d3c5988
|
@ -11,9 +11,8 @@
|
|||
|
||||
<!-- FILTERS -->
|
||||
<section class='filter'>
|
||||
|
||||
<div style='flex-basis: 3.2em'></div>
|
||||
<div data-filter='1'>enseignant <span class='arrow' data-way='down'></span></div>
|
||||
<div></div>
|
||||
<div data-filter='0'>volume horaire <span class='arrow' data-way='down'></span></div>
|
||||
<div data-filter='0'>formations <span class='arrow' data-way='down'></span></div>
|
||||
|
||||
|
@ -33,7 +32,7 @@
|
|||
</select>
|
||||
<select v-model='gstore.ccrea.type' class='min'>
|
||||
<option value='-' disabled>Type</option>
|
||||
<option value='0'>Cours</option>
|
||||
<option value='0'>CM</option>
|
||||
<option value='1'>TD</option>
|
||||
<option value='2'>TP</option>
|
||||
</select>
|
||||
|
@ -64,8 +63,7 @@
|
|||
<option value='-1' v-show='c.idProf!=-1'>Aucun enseignant affecté</option>
|
||||
<option v-for='p in gstore.manage.prof' :value='p.idProfesseur' v-show='p.idProfesseur!=c.idProf'>{{ `${p.firstName} ${p.lastName}` }}</option>
|
||||
</select>
|
||||
<div>CM</div>
|
||||
<div><span class='mono'>{{ c.volume }}</span> heures</div>
|
||||
<div class='cm reflow active'>{{ c.volume }}</div>
|
||||
<div class='taglist'>
|
||||
<div v-for='f in c.formations' data-action>
|
||||
<span class='tag'>{{ gstore.form_by_id(f).labelForm || '???' }}</span>
|
||||
|
@ -103,8 +101,7 @@
|
|||
<option value='-1' v-show='td.idProf!=-1'>Aucun enseignant affecté</option>
|
||||
<option v-for='p in gstore.manage.prof' :value='p.idProfesseur' v-show='p.idProfesseur!=td.idProf'>{{ `${p.firstName} ${p.lastName}` }}</option>
|
||||
</select>
|
||||
<div>TD</div>
|
||||
<div><span class='mono'>{{ td.volume }}</span> heures</div>
|
||||
<div class='td reflow active'>{{ td.volume }}</div>
|
||||
<div class='taglist'>
|
||||
<div v-for='f in td.formations' data-action>
|
||||
<span class='tag'>{{ gstore.form_by_id(f).labelForm || '???' }}</span>
|
||||
|
@ -142,8 +139,7 @@
|
|||
<option value='-1' v-show='tp.idProf!=-1'>Aucun enseignant affecté</option>
|
||||
<option v-for='p in gstore.manage.prof' :value='p.idProfesseur' v-show='p.idProfesseur!=tp.idProf'>{{ `${p.firstName} ${p.lastName}` }}</option>
|
||||
</select>
|
||||
<div>TP</div>
|
||||
<div><span class='mono'>{{ tp.volume }}</span> heures</div>
|
||||
<div class='tp reflow active'>{{ tp.volume }}</div>
|
||||
<div class='taglist'>
|
||||
<div v-for='f in tp.formations' data-action>
|
||||
<span class='tag'>{{ gstore.form_by_id(f).labelForm || '???' }}</span>
|
||||
|
|
|
@ -43,11 +43,15 @@
|
|||
|
||||
/* (1.1) Element item */
|
||||
& > div:not(.icon),
|
||||
& > select,
|
||||
& > input{
|
||||
flex: 1 1 0;
|
||||
flex: 0 1 30%;
|
||||
|
||||
// fix
|
||||
&.taglist{ margin: 0; }
|
||||
&.taglist{
|
||||
margin: 0;
|
||||
margin-left: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
/* (1.2) Hover animation */
|
||||
|
@ -69,7 +73,7 @@
|
|||
|
||||
/* (1.3) Select elements*/
|
||||
& > select{
|
||||
display: inline-block;
|
||||
display: block;
|
||||
position: relative;
|
||||
height: 1.8em;
|
||||
|
||||
|
@ -93,7 +97,7 @@
|
|||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
|
||||
flex: 0 1 20em;
|
||||
// flex: 0 1 15em;
|
||||
|
||||
&.min{ flex: 0 1 5em; }
|
||||
|
||||
|
@ -132,6 +136,8 @@
|
|||
background-image: url('/asset/svg/cross.svg@aaaaaa');
|
||||
&:hover{ background-image: url('/asset/svg/cross.svg@#{$rd-form-invalid-color}'); }
|
||||
}
|
||||
|
||||
&.hidden{ background: transparent; }
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue