diff --git a/web/app/components/input/__preview-wrapper/input__preview-wrapper.scss b/web/app/components/input/__preview-wrapper/input__preview-wrapper.scss new file mode 100644 index 00000000..78e523bd --- /dev/null +++ b/web/app/components/input/__preview-wrapper/input__preview-wrapper.scss @@ -0,0 +1,4 @@ +.input__preview-wrapper { + overflow: hidden; + background: #eee; +} diff --git a/web/app/components/input/__preview/input__preview.scss b/web/app/components/input/__preview/input__preview.scss index 29ad640c..7e2b5dec 100644 --- a/web/app/components/input/__preview/input__preview.scss +++ b/web/app/components/input/__preview/input__preview.scss @@ -1,6 +1,7 @@ .input__preview { margin-top: 8px; padding: 7px 11px; + overflow: hidden; font-size: 16px; line-height: 1.2; border: 1px dashed #eee; diff --git a/web/app/components/input/index.js b/web/app/components/input/index.js index b5b8d05e..e530c84b 100644 --- a/web/app/components/input/index.js +++ b/web/app/components/input/index.js @@ -14,3 +14,4 @@ require('./__error/input__error.scss'); require('./__field/input__field.scss'); require('./__field-wrapper/input__field-wrapper.scss'); require('./__preview/input__preview.scss'); +require('./__preview-wrapper/input__preview-wrapper.scss'); diff --git a/web/app/components/input/input.jsx b/web/app/components/input/input.jsx index 32b663dc..42dc056c 100644 --- a/web/app/components/input/input.jsx +++ b/web/app/components/input/input.jsx @@ -149,10 +149,12 @@ export default class Input extends Component { // TODO: it can be more elegant; // for example it can render full comment component here (or above textarea on mobile) !!preview && ( -
+
+
+
) }