mti
/
ptut-vhost
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[ue.manage][scss.container.list] fuckin' layout pseudo~fix~~~

This commit is contained in:
xdrm-brackets 2018-04-17 18:13:57 +02:00
parent 9e96d7a84e
commit 367d3c5988
2 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
webpack/component/ue/manage.vue
View File

@ -11,9 +11,8 @@
<!-- FILTERS --> <!-- FILTERS -->
<section class='filter'> <section class='filter'>
<div style='flex-basis: 3.2em'></div>
<div data-filter='1'>enseignant <span class='arrow' data-way='down'></span></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'>volume horaire <span class='arrow' data-way='down'></span></div>
<div data-filter='0'>formations <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>
<select v-model='gstore.ccrea.type' class='min'> <select v-model='gstore.ccrea.type' class='min'>
<option value='-' disabled>Type</option> <option value='-' disabled>Type</option>
<option value='0'>Cours</option> <option value='0'>CM</option>
<option value='1'>TD</option> <option value='1'>TD</option>
<option value='2'>TP</option> <option value='2'>TP</option>
</select> </select>
@ -64,8 +63,7 @@
<option value='-1' v-show='c.idProf!=-1'>Aucun enseignant affecté</option> <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> <option v-for='p in gstore.manage.prof' :value='p.idProfesseur' v-show='p.idProfesseur!=c.idProf'>{{ `${p.firstName} ${p.lastName}` }}</option>
</select> </select>
<div>CM</div> <div class='cm reflow active'>{{ c.volume }}</div>
<div><span class='mono'>{{ c.volume }}</span> heures</div>
<div class='taglist'> <div class='taglist'>
<div v-for='f in c.formations' data-action> <div v-for='f in c.formations' data-action>
<span class='tag'>{{ gstore.form_by_id(f).labelForm || '???' }}</span> <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 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> <option v-for='p in gstore.manage.prof' :value='p.idProfesseur' v-show='p.idProfesseur!=td.idProf'>{{ `${p.firstName} ${p.lastName}` }}</option>
</select> </select>
<div>TD</div> <div class='td reflow active'>{{ td.volume }}</div>
<div><span class='mono'>{{ td.volume }}</span> heures</div>
<div class='taglist'> <div class='taglist'>
<div v-for='f in td.formations' data-action> <div v-for='f in td.formations' data-action>
<span class='tag'>{{ gstore.form_by_id(f).labelForm || '???' }}</span> <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 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> <option v-for='p in gstore.manage.prof' :value='p.idProfesseur' v-show='p.idProfesseur!=tp.idProf'>{{ `${p.firstName} ${p.lastName}` }}</option>
</select> </select>
<div>TP</div> <div class='tp reflow active'>{{ tp.volume }}</div>
<div><span class='mono'>{{ tp.volume }}</span> heures</div>
<div class='taglist'> <div class='taglist'>
<div v-for='f in tp.formations' data-action> <div v-for='f in tp.formations' data-action>
<span class='tag'>{{ gstore.form_by_id(f).labelForm || '???' }}</span> <span class='tag'>{{ gstore.form_by_id(f).labelForm || '???' }}</span>

14
webpack/scss/container/list.scss
View File

@ -43,11 +43,15 @@
/* (1.1) Element item */ /* (1.1) Element item */
& > div:not(.icon), & > div:not(.icon),
& > select,
& > input{ & > input{
flex: 1 1 0; flex: 0 1 30%;
// fix // fix
&.taglist{ margin: 0; } &.taglist{
margin: 0;
margin-left: 1.5em;
}
} }
/* (1.2) Hover animation */ /* (1.2) Hover animation */
@ -69,7 +73,7 @@
/* (1.3) Select elements*/ /* (1.3) Select elements*/
& > select{ & > select{
display: inline-block; display: block;
position: relative; position: relative;
height: 1.8em; height: 1.8em;
@ -93,7 +97,7 @@
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
flex: 0 1 20em; // flex: 0 1 15em;
&.min{ flex: 0 1 5em; } &.min{ flex: 0 1 5em; }
@ -132,6 +136,8 @@
background-image: url('/asset/svg/cross.svg@aaaaaa'); background-image: url('/asset/svg/cross.svg@aaaaaa');
&:hover{ background-image: url('/asset/svg/cross.svg@#{$rd-form-invalid-color}'); } &:hover{ background-image: url('/asset/svg/cross.svg@#{$rd-form-invalid-color}'); }
} }
&.hidden{ background: transparent; }
} }
} }