yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-09-25 16:29:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Design all nested form

Browse Source
This commit is contained in:
cyril lopez 2017-08-08 17:27:02 +02:00
parent f16b26b631
commit 6acb764603
5 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/strapi-plugin-settings-manager/admin/src/components/EditForm/styles.scss
View File

@ -24,5 +24,5 @@
}
.sectionContainer {
margin-bottom: 1.5rem;
margin-bottom: 1.7rem;
}

2
packages/strapi-plugin-settings-manager/admin/src/components/EditFormSectionNested/index.js
View File

@ -56,7 +56,7 @@ class EditFormSectionNested extends React.Component { // eslint-disable-line rea
// console.log(this.state);
return (
<div className={this.props.styles.padded}>
<div className={`${this.props.styles.padded} ${this.props.styles.nesTedFormContainer}`}>
<div className="row">
{map(this.props.section, (item, key) => {
if (this.state.showNestedForm) {

4
packages/strapi-plugin-settings-manager/admin/src/components/InputToggle/styles.scss
View File

@ -4,7 +4,7 @@
}
.inputToggle { /* stylelint-disable */
margin-top: .4rem;
margin-top: .2rem;
> button {
// display and box model
width: 5.3rem;
@ -44,7 +44,7 @@
}
.toggleLabel {
padding-top: .1rem;
margin-bottom: .7rem;
font-size: 1.3rem;
line-height: 1.6rem;

13
packages/strapi-plugin-settings-manager/admin/src/components/WithFormSection/styles.scss
View File

@ -14,16 +14,23 @@
}
.padded {
padding: 4px 15px 0 15px;
padding: 0 15px 0 15px;
}
.subNestedFormContainer {
margin: 1rem 15px;
margin: 1rem 15px .2rem 15px;
padding: 0 2rem;
background: #FAFAFB;
}
.spacer {
height: 1.4rem;
height: 1.5rem;
}
.nesTedFormContainer {
margin-top: 1rem;
padding-top: .2rem;
margin-bottom: .5rem;
}

6
packages/strapi-plugin-settings-manager/admin/src/components/WithInput/styles.scss
View File

@ -11,7 +11,7 @@
color: #ABAFBB;
}
> input {
margin-top: 3px;
margin-top: 4px;
margin-bottom: 1.1rem;
height: 3.4rem;
line-height: 1.6rem;
@ -20,7 +20,7 @@
}
.inputText { /* stylelint-disable */
font-family: Lato!important;
font-size: 1.3rem;
> label {
@ -32,7 +32,7 @@
color: #ABAFBB;
}
> input {
margin-top: 3px;
margin-top: 4px;
margin-bottom: 1.1rem;
height: 3.4rem;
line-height: 1.6rem;