diff --git a/.scss-lint.yml b/.scss-lint.yml index 6d4fd6ba..61b1c624 100644 --- a/.scss-lint.yml +++ b/.scss-lint.yml @@ -48,7 +48,7 @@ linters: enabled: false FinalNewline: - enabled: true + enabled: false present: true HexLength: @@ -106,7 +106,7 @@ linters: max_properties: 10 PropertySortOrder: - enabled: true + enabled: false ignore_unspecified: false min_properties: 2 separate_groups: false diff --git a/js/components/ascribe_collapsible/collapsible_paragraph.js b/js/components/ascribe_collapsible/collapsible_paragraph.js index 8b3b3cf4..a5c884e5 100644 --- a/js/components/ascribe_collapsible/collapsible_paragraph.js +++ b/js/components/ascribe_collapsible/collapsible_paragraph.js @@ -38,14 +38,14 @@ const CollapsibleParagraph = React.createClass({ if(this.props.show) { return (
-
+
{text} {this.props.title}
+ className="ascribe-collapsible-content"> {this.props.children}
diff --git a/js/components/ascribe_settings/contract_settings.js b/js/components/ascribe_settings/contract_settings.js index d2928457..bba04754 100644 --- a/js/components/ascribe_settings/contract_settings.js +++ b/js/components/ascribe_settings/contract_settings.js @@ -27,50 +27,55 @@ let ContractSettings = React.createClass({ title={getLangText('Contract Settings')} show={true} defaultExpanded={this.props.defaultExpanded}> -
- - - -
-
+ +
+ + + +
+
+
); } diff --git a/js/components/whitelabel/prize/components/prize_settings_container.js b/js/components/whitelabel/prize/components/prize_settings_container.js index e0c30d46..e6a53bbb 100644 --- a/js/components/whitelabel/prize/components/prize_settings_container.js +++ b/js/components/whitelabel/prize/components/prize_settings_container.js @@ -265,7 +265,7 @@ let PrizeJurySettings = React.createClass({ if (this.state.members.length > -1) { content = ( -
+
div:first-child { + background-color: rgba(0, 0, 0, 0); + cursor: pointer; + margin-top: 20px; + padding: 0 10px 10px 0; + width: 100%; + } + + > div > span { + font-size: 1.2em; + margin-right: .5em; + } + + > div > span:nth-child(2) { + font-size: .9em; + } +} + +.ascribe-collapsible-content { + background: none; + border: 0; + width: 100%; + + /* Shrink the size of the headline for a nested element */ + .ascribe-collapsible-wrapper > div:first-child { + padding-left: 1em; + font-size: 90%; + } +} \ No newline at end of file diff --git a/sass/ascribe_edition.scss b/sass/ascribe_edition.scss index f86f74e2..9fa30387 100644 --- a/sass/ascribe_edition.scss +++ b/sass/ascribe_edition.scss @@ -3,34 +3,6 @@ margin-bottom: 1em; } -.ascribe-edition-collapsible-wrapper { - vertical-align: bottom; - width: 100%; - - > div:first-child { - background-color: rgba(0, 0, 0, 0); - cursor: pointer; - margin-top: 20px; - padding: 0 10px 10px 0; - width: 100%; - } - - > div > span { - font-size: 1.2em; - margin-right: .5em; - } - - > div > span:nth-child(2) { - font-size: .9em; - } -} - -.ascribe-edition-collapsible-content { - background: none; - border: 0; - width: 100%; -} - .coa-file-wrapper { display: table; height: 200px; diff --git a/sass/main.scss b/sass/main.scss index 510599bd..6ec1d37d 100644 --- a/sass/main.scss +++ b/sass/main.scss @@ -29,6 +29,7 @@ $BASE_URL: '<%= BASE_URL %>'; @import 'ascribe_slides_container'; @import 'ascribe_form'; @import 'ascribe_panel'; +@import 'ascribe_collapsible'; @import 'whitelabel/index';