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; 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;
} }

View File

@ -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>

View File

@ -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