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

[webpack.teacher.view] fixed '(cas_login)' layout (parenthesis are no more in pseudo-elements but included in HTML render) + white-space: nowrap allows it not to be multiline | [css.container.card.instant-search] fixed '+' toggle button layout (except extremely small resolution)

This commit is contained in:
xdrm-brackets 2018-03-07 19:00:21 +01:00
parent e04649a8f5
commit 2ce339f1e2
2 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
webpack/component/teacher/view.vue
View File

@ -16,7 +16,7 @@
</select> </select>
<h1> <h1>
<input type='text' placeholder='Prénom Nom' v-model='gstore.create_name'> <input type='text' placeholder='Prénom Nom' v-model='gstore.create_name'>
<span data-visible='1'><input type='text' placeholder='identifiant' v-model='gstore.create_cas'></span> <span data-visible='1'>(<input type='text' placeholder='identifiant' v-model='gstore.create_cas'>)</span>
</h1> </h1>
<div class='table'> <div class='table'>
@ -46,7 +46,7 @@
<div class='admin' :data-admin='prof.idProfesseur' :data-active='prof.admin?1:0' @click="gstore.ia_handler(pi)"></div> <div class='admin' :data-admin='prof.idProfesseur' :data-active='prof.admin?1:0' @click="gstore.ia_handler(pi)"></div>
<span class='category'>{{ prof.categorie }}</span> <span class='category'>{{ prof.categorie }}</span>
<h1 :class="prof.hoursToDo > prof.equiTD ? 'warning' : ''">{{ prof.firstName }} {{ prof.lastName }} <span :data-visible='prof.casLogin.length'>{{ prof.casLogin }}</span></h1> <h1 :class="prof.hoursToDo > prof.equiTD ? 'warning' : ''">{{ prof.firstName }} {{ prof.lastName }} <span :data-visible='prof.casLogin.length'>({{ prof.casLogin }})</span></h1>
<div class='table'> <div class='table'>
<div> <div>

13
webpack/scss/container.scss
View File

@ -113,6 +113,8 @@
margin: 1em .5em; margin: 1em .5em;
padding: .5em 1em; padding: .5em 1em;
margin-right: 0;
border-radius: 3px / 3px; border-radius: 3px / 3px;
background-color: #fff; background-color: #fff;
@ -122,9 +124,11 @@
display: inline-block; display: inline-block;
position: relative; position: relative;
flex: 0 1 calc( 2em - 2*.5em ); flex: 0 0 calc( 2em - 2*.5em );
margin: 1em .5em; margin: 1em .5em;
margin-left: 0;
font-weight: bold; font-weight: bold;
} }
@ -268,9 +272,9 @@
font-size: 1em; font-size: 1em;
// flex // flex
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: flex-start;
flex-wrap: nowrap; flex-wrap: nowrap;
&.warning:before{ &.warning:before{
content: ''; content: '';
@ -322,8 +326,7 @@
transform: scale(.9); transform: scale(.9);
&:before{ content: '('; } white-space: nowrap;
&:after{ content: ')'; }
&[data-visible='0']{ display: none; } &[data-visible='0']{ display: none; }