autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update: label for form reviewed + class added for input

Browse Source
This commit is contained in:
gaelle morin
2020-05-17 21:10:46 +02:00
parent 80d3a22cf6
commit 21d078bda9
7 changed files with 101 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

184
src/styles/base/form.scss
View File

@ -1,85 +1,84 @@
form {
display: flex;
flex-direction: column;
margin-left: -3.4rem;
transition: all .3s ease;
}
.button-register>form>input[type=submit] {
@extend .button,
.text-bold,
.text-uppercase,
.reversed,
.button-secondary,
.bordered;
margin-left: auto;
margin-top: 3.2rem;
}
.fieldset {
border-bottom: 1px solid var(--color-fieldset-border);
color: var(--color-title);
display: flex;
flex: 1 0 100%;
font-size: 1.8rem;
font-weight: 600;
margin: 2.6rem 0 1.8rem;
padding-bottom: 0.8rem;
}
.form-label {
/*flex: 1 1 auto;*/
font-weight: 600;
&.is-light label {
color: var(--color-label-light);
margin-top: 1.8rem;
text-transform: uppercase;
&>*:nth-child(1) {
margin-bottom: 0.8rem;
}
}
}
.is-full-width {
box-sizing: border-box;
flex: 1 1 100%;
padding-left: 3.4rem;
}
.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 {
-webkit-tap-highlight-color: var(--color-grey-7);
background-color: var(--color-input-background);
box-sizing: border-box;
border: 2px solid var(--color-input-background);
color: var(--color-input-text);
/*flex: 1 1 0; Problem on Firefox for input type date*/
line-height: 1;
min-width: 0;
padding: 1rem;
&:focus,
&:active {
border-bottom: 2px solid var(--color-input-active);
}
}
textarea {
height: 100px;
}
.content-box {
&.with-form {
form {
display: flex;
flex-direction: column;
margin-left: -3.4rem;
transition: all .3s ease;
}
.button-register>form>input[type=submit] {
@extend .button,
.text-bold,
.text-uppercase,
.reversed,
.button-secondary,
.bordered;
margin-left: auto;
margin-top: 3.2rem;
}
.fieldset {
border-bottom: 1px solid var(--color-fieldset-border);
color: var(--color-title);
display: flex;
flex: 1 0 100%;
font-size: 1.8rem;
font-weight: 600;
margin: 2.6rem 0 1.8rem;
padding-bottom: 0.8rem;
}
.form-label {
/*flex: 1 1 auto;*/
font-weight: 600;
&.is-light label {
color: var(--color-label-light);
margin-top: 1.8rem;
text-transform: uppercase;
&>*:nth-child(1) {
margin-bottom: 0.8rem;
}
}
}
.is-full-width {
box-sizing: border-box;
flex: 1 1 100%;
padding-left: 3.4rem;
}
.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 {
-webkit-tap-highlight-color: var(--color-grey-7);
background-color: var(--color-input-background);
box-sizing: border-box;
border: 2px solid var(--color-input-background);
color: var(--color-input-text);
/*flex: 1 1 0; Problem on Firefox for input type date*/
line-height: 1;
min-width: 0;
padding: 1rem;
&:focus,
&:active {
border-bottom: 2px solid var(--color-input-active);
}
}
textarea {
height: 100px;
}
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 {