Commit 6638384a authored by Nicolas Frandeboeuf's avatar Nicolas Frandeboeuf Committed by Benjamin Bouvier
Browse files

[CSS] Move new bank form CSS layout to dedicated file

parent 58b2f207
......@@ -29,6 +29,7 @@
@import '~./helpers.css';
@import '~./layout.css';
@import '~./sections/shared/new-bank-form.css';
@import '~./sections/settings/all.css';
@import '~./sections/settings/alerts.css';
@import '~./sections/settings/banks.css';
......
/* Bank creation form */
.new-bank-form label {
vertical-align: middle;
}
.new-bank-form > div {
margin-bottom: 1em;
}
.new-bank-form > div:last-child {
margin-bottom: 0;
}
.new-bank-form > div.bank,
.new-bank-form > div.alert-email {
display: grid;
grid-template-columns: 3fr 9fr;
align-items: center;
}
.new-bank-form > div.credentials {
display: grid;
grid-template-columns: 6fr 6fr;
grid-gap: 2em;
}
.new-bank-form input[type='checkbox'] {
margin-top: 0;
vertical-align: middle;
}
.new-bank-form input[type='checkbox'] + label {
display: inline;
margin-left: 1ex;
}
@media (max-width: 768px) {
.new-bank-form > div.bank,
.new-bank-form > div.credentials,
.new-bank-form > div.alert-email {
grid-template-columns: 12fr;
grid-gap: 0;
}
.new-bank-form > div.credentials > div:not(:first-child) {
margin-top: 1em;
}
}
.new-bank-form .buttons-toolbar {
display: flex;
justify-content: flex-end;
margin-bottom: 0;
}
......@@ -563,61 +563,6 @@ input.category-color {
background-color: #DBAE34;
}
/* Bank creation form */
.new-bank-form label {
vertical-align: middle;
}
.new-bank-form > div {
margin-bottom: 1em;
}
.new-bank-form > div:last-child {
margin-bottom: 0;
}
.new-bank-form > div.bank,
.new-bank-form > div.alert-email {
display: grid;
grid-template-columns: 3fr 9fr;
align-items: center;
}
.new-bank-form > div.credentials {
display: grid;
grid-template-columns: 6fr 6fr;
grid-gap: 2em;
}
.new-bank-form input[type='checkbox'] {
margin-top: 0;
vertical-align: middle;
}
.new-bank-form input[type='checkbox'] + label {
display: inline;
margin-left: 1ex;
}
@media (max-width: 768px) {
.new-bank-form > div.bank,
.new-bank-form > div.credentials,
.new-bank-form > div.alert-email {
grid-template-columns: 12fr;
grid-gap: 0;
}
.new-bank-form > div.credentials > div:not(:first-child) {
margin-top: 1em;
}
}
.new-bank-form .buttons-toolbar {
display: flex;
justify-content: flex-end;
margin-bottom: 0;
}
.wizard .accountwizard-newbank .btn.danger {
/* The button is after the account wizard in the DOM so we need to translate
its vertical position to put it on the same line than the save button */
......
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