[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

View File

@ -16,7 +16,7 @@
</select>
<h1>
<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>
<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>
<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>

View File

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