Commit 5ee67349 authored by Nicolas Frandeboeuf's avatar Nicolas Frandeboeuf Committed by Benjamin Bouvier
Browse files

[CSS] Move form elements layout to dedicated file

parent f777cf9e
......@@ -29,6 +29,7 @@
@import '~./helpers.css';
@import '~./layout.css';
@import '~./sections/shared/form-elements.css';
@import '~./sections/shared/new-bank-form.css';
@import '~./sections/onboarding.css';
@import '~./sections/settings/all.css';
......
button {
color: inherit;
font: inherit;
text-transform: none;
cursor: pointer;
}
button:focus {
outline: none !important;
}
button.fa {
border: 0;
padding: 0;
background-color: transparent;
}
input,
select,
textarea {
height: 34px;
font-size: 14px;
line-height: 1.42857143;
padding: 6px 12px;
}
input[type='button'],
input[type='reset'],
input[type='submit'] {
cursor: pointer;
}
input[type='checkbox'],
input[type='radio'] {
height: auto;
}
input:focus,
select:focus,
textarea:focus,
.Select__control.Select__control--is-focused {
outline: 0;
}
select {
cursor: pointer;
}
/* Smart selector (react-select) */
.Select__control {
cursor: pointer;
min-height: 0 !important;
}
.Select__menu {
z-index: 1000;
}
/* We do not want to style the input inside the selector */
.Select__input > input {
height: auto;
}
.Select__input > input:focus {
border: none;
box-shadow: none;
}
.Select__control:not(.Select__control--is-focused) .Select__value--container,
.Select__control:not(.Select__control--is-focused) .Select__single-value {
color: inherit !important;
}
.checkbox-inside-label * {
vertical-align: middle;
}
.checkbox-inside-label input {
margin-right: 5px;
}
......@@ -42,23 +42,6 @@ a:focus {
outline: 0;
}
button {
color: inherit;
font: inherit;
text-transform: none;
cursor: pointer;
}
button:focus {
outline: none !important;
}
button.fa {
border: 0;
padding: 0;
background-color: transparent;
}
.fa-spinner {
animation: spin-animation 1.4s infinite linear;
}
......@@ -67,37 +50,21 @@ button.fa {
input,
select,
textarea {
height: 34px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
background-color: #FFFFFF;
border: 1px solid #CFD9DB;
border-radius: 4px;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
box-shadow: none;
text-transform: none;
}
input[type='button'],
input[type='reset'],
input[type='submit'] {
cursor: pointer;
}
input[type='checkbox'],
input[type='radio'] {
height: auto;
}
input:focus,
select:focus,
textarea:focus,
.Select__control.Select__control--is-focused {
border: 1px solid #66AFE9;
border-radius: 4px;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
......@@ -110,7 +77,6 @@ select {
background-position: right 1ex center;
background-size: 1em 1em;
padding-right: calc(1em + 2ex);
cursor: pointer;
text-overflow: ellipsis;
}
......@@ -121,29 +87,8 @@ select {
}
.Select__control {
cursor: pointer;
border: 1px solid #CFD9DB;
background-color: white;
min-height: 0 !important;
}
.Select__menu {
z-index: 1000;
}
/* We do not want to style the input inside the selector */
.Select__input > input {
height: auto;
}
.Select__input > input:focus {
border: none;
box-shadow: none;
}
.Select__control:not(.Select__control--is-focused) .Select__value--container,
.Select__control:not(.Select__control--is-focused) .Select__single-value {
color: inherit !important;
}
.valid-date input,
......@@ -160,14 +105,6 @@ input.check-validity:invalid {
border: 1px solid #D75353;
}
.checkbox-inside-label * {
vertical-align: middle;
}
.checkbox-inside-label input {
margin-right: 5px;
}
/* Parameters modale */
#overlay .settings-dropdown-menu {
color: #444444;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment