Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-20 22:42:53 -05:00
Code Issues Activity

Updated multiple mentions dropdown design

Browse source 
refs https://github.com/TryGhost/Team/issues/2606
This commit is contained in:
Djordje Vlaisavljevic 2023-03-01 23:14:57 +00:00
parent 65f02b7342
commit a911366dae
2 changed files with 17 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
ghost/admin/app/styles/layouts/mentions.css
View file

@ -41,6 +41,7 @@
line-height: 1.2;
margin-bottom: 14px;
white-space: nowrap;
position: relative;
}
.gh-mention-icon {
@ -53,6 +54,9 @@
.gh-mention-publisher {
color: var(--middarkgrey);
font-weight: 500;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.gh-mention-link-icon {
@ -89,6 +93,16 @@
margin-bottom: 0;
}
.gh-mention-multiple-links-link {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.gh-mention-header .popover-arrow {
display: none;
}
.gh-mention-header .popover {
border: none;
/* border: 1px solid var(--whitegrey-l1); */
@ -151,10 +165,10 @@
}
.gh-mention-author {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 240px;
white-space: nowrap;
display: block;
line-height: 1.65em;
font-weight: 400;

4
ghost/admin/app/templates/mentions.hbs
View file

@ -56,10 +56,10 @@
</div>
<div>
<span class="gh-mention-your-link has-multiple-links">{{mention.mentions.length}} links</span>
<EmberPopover @tooltipClass="popover" @spacing={{15}} @arrowClass="popover-arrow" @side="top-start">
<EmberPopover @tooltipClass="popover" @spacing={{8}} @arrowClass="popover-arrow" @side="bottom-start">
<ul class="gh-mention-multiple-links">
{{#each mention.mentions as |submention|}}
<li>{{if submention.resource submention.resource.name submention.target}}</li>
<li class="gh-mention-multiple-links-link">{{if submention.resource submention.resource.name submention.target}}</li>
{{/each}}
</ul>
</EmberPopover>