Truncated long card menu labels

This commit is contained in:
Kevin Ansfield 2020-10-27 14:48:39 +00:00
parent c6753a0efd
commit 581b195e12
3 changed files with 4 additions and 3 deletions

View File

@ -125,7 +125,7 @@
color: #1e0fbe;
font-size: 1.8rem;
line-height: 2.16rem;
text-overflow: ellipses;
text-overflow: ellipsis;
word-wrap: break-word;
-webkit-text-overflow: ellipsis;

View File

@ -10,6 +10,7 @@
class="{{if (eq item @selectedItem) "kg-cardmenu-card-selected"}} {{kg-style "cardmenu-card"}}"
data-kg="cardmenu-card"
role="menuitem"
title="{{item.label}}"
{{on "click" (fn @itemClicked item)}}
>
<div class="{{kg-style "cardmenu-icon"}} {{item.iconClass}}" aria-hidden="true">{{svg-jar item.icon class="w7 h7"}}</div>

View File

@ -21,7 +21,7 @@ export function kgStyle([style], options) {
break;
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;
// Container cards