Sitelet https://github.com/developit/nectarine/commit/5536b86dff96bb567a79d582ca66399ee690d136
Skip to content

Commit 5536b86

Browse files
committed
Fix create screen clipping issue on mobile
1 parent f7bc3b5 commit 5536b86

2 files changed

Lines changed: 11 additions & 2 deletions

File tree

‎src/components/create.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -175,7 +175,7 @@ export default class Create extends Component {
175175
<div class="inner">
176176
<TextField class="text" multiline placeholder="Enter a message." value={text} onInput={this.linkState('text')} />
177177

178-
<div class="magic">
178+
<div class="magic" show={gifs && gifs.length || null}>
179179
<div class="inner">
180180
{ gifs ? gifs.map( (p, i) => (
181181
<img
@@ -187,7 +187,7 @@ export default class Create extends Component {
187187
</div>
188188
</div>
189189

190-
<div class="images">
190+
<div class="images" show={images && images.length || null}>
191191
<div class="inner">
192192
{ images ? images.map( img => (
193193
<img src={img.url} />

‎src/style/index.less‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -499,6 +499,9 @@ a {
499499

500500

501501
.create.modal {
502+
.content {
503+
.scroller();
504+
}
502505

503506
@media (min-width: 1025px) {
504507
left: 50%;
@@ -573,13 +576,19 @@ a {
573576
// height: 100%;
574577
position: relative;
575578
width: 100%;
579+
margin: 5px 0;
576580
height: 200px;
577581
.scroller();
578582
overflow-y: hidden;
579583
white-space: nowrap;
580584
// background: @background;
581585
// z-index: 100;
582586

587+
display: none;
588+
&[show] {
589+
display: block;
590+
}
591+
583592
& > .inner {
584593
width: auto;
585594
overflow: auto;

0 commit comments

Comments
 (0)