Set max height for All sources modal

refs https://github.com/TryGhost/Team/issues/1986
This commit is contained in:
Djordje Vlaisavljevic 2022-09-29 15:59:07 +02:00
parent a9308e6394
commit 3fe51c8e9a
2 changed files with 40 additions and 2 deletions

View File

@ -5,10 +5,10 @@
<button class="close" type="button" title="Close" {{on "click" @close}}>{{svg-jar "close"}}<span class="hidden">Close</span></button>
<div class="modal-body pa">
<div>
<div class="gh-all-sources">
<div class="gh-dashboard-list-header">
<div class="gh-dashboard-list-title">Sources</div>
<div class="gh-dashboard-list-title">Signups</div>
<div class="gh-dashboard-list-title">Free signups</div>
{{#if this.membersUtils.paidMembersEnabled}}
<div class="gh-dashboard-list-title"><span class="hide-when-small">Paid </span>Conversions</div>
{{/if}}

View File

@ -1201,6 +1201,44 @@ Dashboard Attribution */
font-weight: 500;
}
.gh-all-sources .gh-dashboard-attribution-list-scrollable {
overflow-y: auto;
padding-top: 6px;
padding-bottom: 6px;
}
.gh-all-sources .gh-dashboard-list-body {
max-height: calc(100vh - 215px);
position: relative;
}
.gh-all-sources .modal-footer {
display: none;
}
.gh-all-sources .gh-dashboard-list-body:after {
content: " ";
position: absolute;
left: 0;
right: 0;
height: 24px;
bottom: 0;
background: linear-gradient(180deg,#ffffff00,hsl(0deg 0% 100%) 100%);
z-index: 1;
}
.gh-all-sources .gh-dashboard-list-body:before {
content: " ";
position: absolute;
left: 0;
right: 0;
height: 24px;
top: 0;
background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
z-index: 1;
}
@media screen and (max-width: 1120px) {
.gh-dashboard-attribution-grid .gh-dashboard-metric-label {
position: absolute;