TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-25 09:03:12 +03:00
Code Issues Projects Releases Wiki Activity

Added scrolling for Portal settings links

Browse Source 
no refs.
This commit is contained in:
Peter Zimon 2020-11-20 12:02:35 +01:00
parent d8dec01edd
commit 660762e100
2 changed files with 26 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ghost/admin/app/components/modal-portal-settings.hbs
View File

@ -328,9 +328,13 @@
</div>
</div>
<div class="gh-portal-preview-container {{if (not this.showLinksPage) "hide"}}">
<GhPortalLinks />
{{#if this.showLinksPage}}
<div class="gh-portal-preview-wrapper">
<div class="gh-portal-preview-container">
<GhPortalLinks />
</div>
</div>
{{/if}}
<div class="gh-portal-preview-container {{if this.showLinksPage "hide"}}">
<div class="gh-portal-site-frame-cover"> </div>

22
ghost/admin/app/styles/layouts/portal-settings.css
View File

@ -364,6 +364,15 @@
border: none;
}
.gh-portal-preview-wrapper {
overflow: hidden;
max-height: calc(100vh - 60px - 66px - 20px);
height: 100%;
border: 1px solid var(--whitegrey);
background: #EDF0F2;
border-radius: 5px;
}
.gh-portal-preview-container {
position: relative;
flex-grow: 1;
@ -374,6 +383,16 @@
max-height: calc(100vh - 60px - 66px - 20px);
}
.gh-portal-preview-wrapper .gh-portal-preview-container {
overflow-x: hidden;
overflow-y: scroll;
margin: 0 -70px;
padding: 0 70px;
border: none;
border-radius: 0;
height: 100%;
}
.gh-portal-preview-container.hide {
display: none
}
@ -382,7 +401,6 @@
position: relative;
display: flex;
box-sizing: border-box;
top: 95px;
flex-direction: column;
justify-content: flex-start;
overflow: hidden;
@ -393,7 +411,7 @@
background: var(--white);
width: 640px;
padding: 32px;
margin: 0 auto;
margin: 95px auto 32px;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(0,0,0,0.02), 0 2.8px 2.2px rgba(0, 0, 0, 0.02), 0 6.7px 5.3px rgba(0, 0, 0, 0.028), 0 12.5px 10px rgba(0, 0, 0, 0.035), 0 22.3px 17.9px rgba(0, 0, 0, 0.042), 0 41.8px 33.4px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07);
}