Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00
Code Issues Activity

Added welcome page UI to product details

Browse source
This commit is contained in:
Peter Zimon 2021-05-06 17:40:29 +02:00
parent be30046419
commit ccf2dff413
2 changed files with 30 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
ghost/admin/app/styles/layouts/products.css
View file

@ -74,10 +74,6 @@
margin-bottom: 3vw; margin-bottom: 3vw;
} }
.gh-product-details .max-width {
max-width: 620px;
}
.gh-product-details-form { .gh-product-details-form {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
@ -106,7 +102,11 @@
width: 100%; width: 100%;
} }
.gh-product-description-container { .gh-product-details-fields .max-width {
max-width: 840px;
}
.gh-product-details-fields .form-group:last-of-type {
padding-bottom: 0; padding-bottom: 0;
margin-bottom: 0; margin-bottom: 0;
} }

20
ghost/admin/app/templates/settings/product.hbs
View file

@ -23,14 +23,11 @@
</GhCanvasHeader> </GhCanvasHeader>
<form> <form>
<div class="gh-product-details">
<section class="gh-product-config"> <section class="gh-main-section">
<div class="gh-main-section-block">
<h4 class="gh-main-section-header small bn">Product details</h4> <h4 class="gh-main-section-header small bn">Product details</h4>
<div class="gh-main-section-content grey gh-product-details-form"> <div class="gh-main-section-content grey gh-product-details-form">
{{!-- <GhFormGroup @property="name" @class="gh-product-icon-container">
<label for="member-name">ICON</label>
<div class="gh-product-icon whitegrey">Icon</div>
</GhFormGroup> --}}
<div class="gh-product-details-fields"> <div class="gh-product-details-fields">
<GhFormGroup @property="name" @classNames="max-width"> <GhFormGroup @property="name" @classNames="max-width">
<label for="product-name">Product name</label> <label for="product-name">Product name</label>
@ -38,15 +35,22 @@
<GhErrorMessage @property="name" /> <GhErrorMessage @property="name" />
</GhFormGroup> </GhFormGroup>
<GhFormGroup @property="description" @classNames="max-width gh-product-description-container"> <GhFormGroup @property="description" @classNames="max-width">
<label for="product-description">Description</label> <label for="product-description">Description</label>
<GhTextInput data-test-input="product-description" @value={{product.description}} /> <GhTextInput data-test-input="product-description" @value={{product.description}} />
<GhErrorMessage @property="description" /> <GhErrorMessage @property="description" />
</GhFormGroup> </GhFormGroup>
<GhFormGroup @property="_welcome-page" @classNames="max-width">
<label for="_welcome-page">Welcome page</label>
<GhTextInput data-test-input="_welcome-page" @value="" />
<p>Redirect to this URL after signup for this product</p>
<GhErrorMessage @property="_welcome-page" />
</GhFormGroup>
</div>
</div> </div>
</div> </div>
</section> </section>
</div>
</form> </form>
<div class="gh-main-section"> <div class="gh-main-section">