Switched custom tooltip to standard one

refs https://github.com/TryGhost/Team/issues/1811
This commit is contained in:
Djordje Vlaisavljevic 2022-08-17 15:23:49 +02:00
parent 3ce7e241a1
commit ee3f458053
3 changed files with 19 additions and 26 deletions

View File

@ -1256,30 +1256,6 @@
grid-column: 1 / 4;
}
.gh-main-section-header-with-info {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: -2px;
}
.gh-main-section-header-info {
display: flex;
align-items: center;
line-height: 1;
text-transform: none;
letter-spacing: 0;
font-size: 1.25rem;
font-weight: 400;
}
.gh-main-section-header-info svg {
height: 16px;
width: 16px;
margin-left: 8px;
}
.gh-main-section-block {
padding: 0;
}

View File

@ -350,6 +350,18 @@
fill: var(--midgrey);
}
.gh-offer-form .gh-main-section-header-with-info {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: -2px;
}
.gh-offer-form .gh-main-section-header-info svg {
height: 16px;
width: 16px;
}
@media (max-width: 1440px) {
.gh-offer-tier-and-trial, .gh-offer-duration {
flex-direction: column;

View File

@ -40,11 +40,16 @@
<p>Visible to members on Stripe Checkout page.</p>
</GhFormGroup>
</div>
{{#if (feature 'freeTrial')}}
<h4 class="gh-main-section-header gh-main-section-header-with-info small bn">
<span>Discount information</span>
<div class="midgrey gh-main-section-header-info"><span>Once saved, this cannot be changed.</span><span>{{svg-jar "info"}}</span></div>
<span class="midgrey gh-main-section-header-info tooltip-top-left" data-tooltip="Once saved, this cannot be changed" >{{svg-jar "info"}}</span>
</h4>
{{else}}
<h4 class="gh-main-section-header small bn">
Discount information <span class="midgrey">  Once saved, this cannot be changed.</span>
</h4>
{{/if}}
<div class="gh-main-section-content grey">
{{#if (feature 'freeTrial')}}
<GhFormGroup>