mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-25 11:55:03 +03:00
Truncated long card menu labels
This commit is contained in:
parent
c6753a0efd
commit
581b195e12
@ -125,7 +125,7 @@
|
|||||||
color: #1e0fbe;
|
color: #1e0fbe;
|
||||||
font-size: 1.8rem;
|
font-size: 1.8rem;
|
||||||
line-height: 2.16rem;
|
line-height: 2.16rem;
|
||||||
text-overflow: ellipses;
|
text-overflow: ellipsis;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
|
|
||||||
-webkit-text-overflow: ellipsis;
|
-webkit-text-overflow: ellipsis;
|
||||||
@ -715,4 +715,4 @@ figure {
|
|||||||
top: 0;
|
top: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
z-index: 400;
|
z-index: 400;
|
||||||
}
|
}
|
||||||
|
@ -10,6 +10,7 @@
|
|||||||
class="{{if (eq item @selectedItem) "kg-cardmenu-card-selected"}} {{kg-style "cardmenu-card"}}"
|
class="{{if (eq item @selectedItem) "kg-cardmenu-card-selected"}} {{kg-style "cardmenu-card"}}"
|
||||||
data-kg="cardmenu-card"
|
data-kg="cardmenu-card"
|
||||||
role="menuitem"
|
role="menuitem"
|
||||||
|
title="{{item.label}}"
|
||||||
{{on "click" (fn @itemClicked item)}}
|
{{on "click" (fn @itemClicked item)}}
|
||||||
>
|
>
|
||||||
<div class="{{kg-style "cardmenu-icon"}} {{item.iconClass}}" aria-hidden="true">{{svg-jar item.icon class="w7 h7"}}</div>
|
<div class="{{kg-style "cardmenu-icon"}} {{item.iconClass}}" aria-hidden="true">{{svg-jar item.icon class="w7 h7"}}</div>
|
||||||
|
@ -21,7 +21,7 @@ export function kgStyle([style], options) {
|
|||||||
break;
|
break;
|
||||||
|
|
||||||
case 'cardmenu-label':
|
case 'cardmenu-label':
|
||||||
cssClass = 'f-7 tracked-1 fw4 ma0 ml4 flex-grow-1';
|
cssClass = 'f-7 tracked-1 fw4 ma0 ml4 flex-grow-1 truncate';
|
||||||
break;
|
break;
|
||||||
|
|
||||||
// Container cards
|
// Container cards
|
||||||
|
Loading…
Reference in New Issue
Block a user