Deleted unused get-started modal code

refs https://github.com/TryGhost/Team/issues/1412

- we've switched to a full "done" page instead so the now-unused modal and related styling can be cleaned up
This commit is contained in:
Kevin Ansfield 2022-03-10 16:13:43 +00:00
parent 4ec15f7323
commit e6b02fb416
2 changed files with 3 additions and 116 deletions

View File

@ -1,23 +0,0 @@
<div class="modal-content gh-get-started" data-test-modal="get-started">
<button type="button" class="close" role="button" title="Close" {{on "click" @close}}>{{svg-jar "close"}}<span class="hidden">Close</span></button>
<section class="gh-get-started-welcome">
<header>
<h1>All set up!</h1>
<p>Your site is now ready to start publishing content.</p>
<p><LinkTo @route="dashboard" class="gh-btn gh-btn-green" {{on "click" @close}}><span>Start writing</span></LinkTo></p>
</header>
<footer>
<ul>
<li>
<LinkTo @route="settings.membership" {{on "click" @close}}>Connect Stripe →</LinkTo>
<p>Build a sustainable business.</p>
</li>
<li>
<a href="https://ghost.org/docs/migration/" target="_blank" rel="noopener noreferrer" {{on "click" @close}}>Import members →</a>
<p>Migrate your people to us.</p>
</li>
</ul>
</footer>
</section>
</div>

View File

@ -2073,93 +2073,3 @@ section.gh-ds h2 {
justify-content: center;
}
}
/* Get started modal */
/* ---------------------------------------------------- */
@keyframes reveal {
from {
opacity: 0;
transform: translateY(32px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.epm-modal .modal-content.gh-get-started {
padding: 0;
background-image: url(img/get-started.jpg);
background-repeat: no-repeat;
background-position: top right;
background-size: cover;
border-radius: 6px;
overflow: hidden;
animation: reveal 275ms normal 800ms forwards ease-out;
opacity: 0;
transform: translateY(32px);
}
.modal-content.gh-get-started .close svg {
fill: var(--white);
}
.gh-get-started-welcome {
padding: 4rem 6rem 2rem 4rem;
width: 66%;
background: var(--white);
}
.gh-get-started-welcome header p:first-of-type {
margin-bottom: 1.75rem;
font-size: 1.5rem;
color: var(--midgrey);
}
.gh-get-started-welcome footer {
margin: 10rem 0 0;
}
.gh-get-started-welcome footer ul {
list-style: none;
padding: 0;
margin: 0;
}
.gh-get-started-welcome footer li {
margin: 0 0 0.5rem;
padding: 0 0 0 40px;
background: transparent;
background-repeat: no-repeat;
background-position: center left;
background-size: 20px;
}
.gh-get-started-welcome footer li:last-of-type {
margin-bottom: 0;
}
.gh-get-started-welcome footer li:first-of-type {
background-image: url(icons/get-started-members.svg);
}
.gh-get-started-welcome footer li:last-of-type {
background-image: url(icons/get-started-import.svg);
}
.gh-get-started-welcome footer a {
display: inline-block;
margin: 0 0 0.25rem;
font-size: 1.5rem;
font-weight: 500;
color: var(--darkgrey);
}
.gh-get-started-welcome footer a:hover {
color: var(--blackgrey);
}
.gh-get-started-welcome footer p {
color: var(--midgrey);
}