update: label for form reviewed + class added for input

This commit is contained in:
gaelle morin 2020-05-17 21:10:46 +02:00
parent 80d3a22cf6
commit 21d078bda9
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
7 changed files with 101 additions and 125 deletions

View File

@ -1,16 +1,11 @@
.content-box {
&.with-form {
form {
form {
display: flex;
flex-direction: column;
margin-left: -3.4rem;
transition: all .3s ease;
}
}
.button-register>form>input[type=submit] {
.button-register>form>input[type=submit] {
@extend .button,
.text-bold,
.text-uppercase,
@ -19,9 +14,9 @@
.bordered;
margin-left: auto;
margin-top: 3.2rem;
}
}
.fieldset {
.fieldset {
border-bottom: 1px solid var(--color-fieldset-border);
color: var(--color-title);
display: flex;
@ -30,9 +25,9 @@
font-weight: 600;
margin: 2.6rem 0 1.8rem;
padding-bottom: 0.8rem;
}
}
.form-label {
.form-label {
/*flex: 1 1 auto;*/
font-weight: 600;
@ -45,22 +40,22 @@
margin-bottom: 0.8rem;
}
}
}
}
.is-full-width {
.is-full-width {
box-sizing: border-box;
flex: 1 1 100%;
padding-left: 3.4rem;
}
}
.is-half-width {
.is-half-width {
box-sizing: border-box;
flex: 0 0 50%;
padding-left: 3.4rem;
}
}
input:not([type='file']):not([type='search']):not([type='submit']),
textarea {
input:not([type='file']):not([type='search']):not([type='submit']),
textarea {
-webkit-tap-highlight-color: var(--color-grey-7);
background-color: var(--color-input-background);
box-sizing: border-box;
@ -75,11 +70,15 @@
&:active {
border-bottom: 2px solid var(--color-input-active);
}
}
}
textarea {
textarea {
height: 100px;
}
}
.content-box {
&.with-form {
sib-set-default:not([name='user-thumb']) {
clear: both;
@ -156,35 +155,8 @@
}
}
<<<<<<< HEAD
hubl-status {
align-self: auto;
=======
/* Additional styles for the select to add a member in circle-edit */
.block.select-add>form {
display: flex;
flex-direction: row;
margin-bottom: 2.6rem;
label {
margin-top: 0;
}
.ss-main {
min-width: 35vw;
}
input[type='submit'] {
@extend .button,
.btn-margin-left,
.text-bold,
.text-uppercase,
.button-complementary,
.bordered;
margin-top: auto;
margin-bottom: auto;
}
>>>>>>> 50b15bd... update: clean-up form css
}
sib-form-date {

View File

@ -11,9 +11,14 @@ div.content-box__info
label-status='Statut du canal'
widget-status='hubl-status'
<<<<<<< HEAD
class-name='form-label is-light is-full-width'
class-description='form-label is-light is-full-width'
class-status='form-label is-light is-full-width member-select color'
=======
class-name='form-label is-light is-full-width input-text-like'
class-description='form-label is-light is-full-width input-text-like'
>>>>>>> 013eeda... update: label for form reviewed + class added for input
label-name='Nom du canal *'
label-description='Sous-titre du canal *'

View File

@ -37,17 +37,17 @@ div.content-box__info
widget-customer='sib-form-auto-completion'
label-name='Nom du projet*'
class-name='form-label is-light is-half-width'
class-name='form-label is-light is-half-width input-text-like'
label-project.description='Description du projet'
class-project.description='form-label is-light is-full-width'
class-project.description='form-label is-light is-full-width input-text-like'
widget-project.description='sib-form-textarea'
label-businessProvider.name='Apporteur d\'affaire*'
class-businessProvider.name='form-label is-light is-half-width'
class-businessProvider.name='form-label is-light is-half-width input-text-like'
label-businessProvider.fee='Contribution'
class-businessProvider.fee='form-label is-light is-half-width'
class-businessProvider.fee='form-label is-light is-half-width input-text-like'
label-captain='Capitaine du projet'
range-captain=`${endpoints.users || endpoints.get.users}`

View File

@ -8,10 +8,10 @@ div.content-box__info
fields='line-1(first_name, last_name), line-2(username, email), line-3(password)'
class-first_name='form-label is-light is-half-width'
class-last_name='form-label is-light is-half-width'
class-username='form-label is-light is-half-width'
class-email='form-label is-light is-half-width'
class-first_name='form-label is-light is-half-width input-text-like'
class-last_name='form-label is-light is-half-width input-text-like'
class-username='form-label is-light is-half-width input-text-like'
class-email='form-label is-light is-half-width input-text-like'
label-first_name='Prénom *'
label-last_name='Nom *'

View File

@ -13,10 +13,10 @@ div.content-box__info
fields='line-1(first_name, last_name), line-2(username, email)'
class-first_name='form-label is-light is-half-width'
class-last_name='form-label is-light is-half-width'
class-username='form-label is-light is-half-width'
class-email='form-label is-light is-half-width'
class-first_name='form-label is-light is-half-width input-text-like'
class-last_name='form-label is-light is-half-width input-text-like'
class-username='form-label is-light is-half-width input-text-like'
class-email='form-label is-light is-half-width input-text-like'
label-first_name='Prénom *'
label-last_name='Nom *'

View File

@ -52,10 +52,9 @@ div.content-box__info
label-owner='Administrateur ou administratrice'
label-description='Sous-titre du canal *'
class-name='form-label is-light is-half-width'
class-name='form-label is-light is-half-width input-text-like'
class-owner='form-label is-light is-half-width member-select color'
class-description='form-label is-light is-full-width'
class-status='form-label is-light is-full-width member-select color'
class-description='form-label is-light is-full-width input-text-like'
widget-owner='sib-form-auto-completion'

View File

@ -17,8 +17,8 @@ div.content-box__info
class-customer='member-select form-label is-light is-half-width'
widget-customer='sib-form-auto-completion'
class-name='form-label is-light is-half-width'
class-description='form-label is-light is-full-width'
class-name='form-label is-light is-half-width input-text-like'
class-description='form-label is-light is-full-width input-text-like'
label-fieldset-info=''
label-customer='Client*'
range-customer=`${endpoints.customers || endpoints.get.customers}`
@ -28,8 +28,8 @@ div.content-box__info
widget-description='sib-form-textarea'
class-fieldset-fee='fieldset'
class-businessprovider='form-label is-light is-half-width'
class-businessproviderfee='form-label is-light is-half-width'
class-businessprovider='form-label is-light is-half-width input-text-like'
class-businessproviderfee='form-label is-light is-half-width input-text-like'
label-fieldset-fee='Contributions'
label-businessprovider='Apporteur d\'affaire'
label-businessproviderfee='Montant de la contribution'