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

Koenig - Add click overlay to embed card

Browse source 
refs https://github.com/TryGhost/Ghost/issues/9311
- adds an overlay element to the embed card so that clicks do not interact with any embedded iframes so that you can lazy click to enter edit mode
This commit is contained in:
Kevin Ansfield 2018-02-15 17:14:30 +00:00
parent e2daf96014
commit 56490b7a5f
2 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
ghost/admin/app/styles/components/koenig.css
View file

@ -377,11 +377,11 @@
.koenig-card { .koenig-card {
position: relative; position: relative;
display: flex; display: flex;
width: calc(100% + 60px);
border: 2px solid color(var(--blue) alpha(-85%)); border: 2px solid color(var(--blue) alpha(-85%));
flex-direction: row; flex-direction: row;
border-radius: 4px; border-radius: 4px;
padding: 10px; padding: 10px;
width: calc(100% + 60px);
margin-left: -50px; margin-left: -50px;
max-width: none; max-width: none;
cursor: default; cursor: default;
@ -403,6 +403,16 @@
.koenig-card-content { .koenig-card-content {
flex-grow: 1; flex-grow: 1;
max-width: calc(100% - 40px);
}
.koenig-card-click-overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 400;
} }
/* specific cards... */ /* specific cards... */

1
ghost/admin/lib/koenig-editor/addon/templates/components/koenig-card-html.hbs
View file

@ -13,5 +13,6 @@
}} }}
{{else}} {{else}}
{{{payload.html}}} {{{payload.html}}}
<div class="koenig-card-click-overlay"></div>
{{/if}} {{/if}}
{{/koenig-card}} {{/koenig-card}}