Responsive fixes for offers details

This commit is contained in:
Peter Zimon 2021-10-21 22:49:13 +02:00
parent 38ad87385c
commit 79a40d2592
2 changed files with 22 additions and 2 deletions

View File

@ -239,3 +239,23 @@
margin-left: 0;
margin-right: 6px;
}
@media (max-width: 1280px) {
.gh-offer-portal-preview {
display: none;
}
.gh-offer.circle-bg::before {
display: none;
}
.gh-offer.circle-bg .gh-canvas-header {
background: var(--main-bg-color);
position: sticky;
}
.gh-offer .gh-main-layout.content-preview {
display: flex;
flex-direction: column;
}
}

View File

@ -1,4 +1,4 @@
<section class="gh-canvas circle-bg" {{did-insert this.setup}}>
<section class="gh-canvas gh-offer circle-bg" {{did-insert this.setup}}>
<GhCanvasHeader class="gh-canvas-header">
<h2 class="gh-canvas-title" data-test-screen-title>
<LinkTo @route="offers" data-test-link="offers-back">Offers</LinkTo>
@ -186,7 +186,7 @@
</GhFormGroup>
</div>
<GhFormGroup @errors={{this.offer.errors}} @property="displayDescription">
<label for="description" class="fw6">Description</label>
<label for="description" class="fw6">Display description</label>
<GhTextarea
@id="description"
@name="description"