Fix for page tooltips usability issue #496

This commit is contained in:
Andy Miller
2016-05-03 10:39:05 -06:00
parent 770bca0aff
commit d2fe04f563
4 changed files with 10 additions and 4 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -23,6 +23,11 @@
@include breakpoint(mobile-only) {
padding-right: 1rem;
}
[data-hint]:after {
line-height: 1 !important;
width: auto !important;
white-space: nowrap !important;
}
p.page-route {
display: block;

View File

@@ -78,11 +78,12 @@
<li class="page-item" data-nav-id="{{ p.route }}">
<div class="row">
<span {{ p.children(0).count > 0 ? 'data-toggle="children"' : ''}} data-hint="{{ description|trim(' &bull; ')|raw }}" class="hint--bottom">
<span {{ p.children(0).count > 0 ? 'data-toggle="children"' : ''}}>
<i class="page-icon fa fa-fw fa-circle-o {{ p.children(0).count > 0 ? 'children-closed' : ''}} {{ p.modular ? 'modular' : (not p.routable ? 'not-routable' : (not p.visible ? 'not-visible' : (not p.page ? 'folder' : ''))) }}"></i>
</span>
<span data-hint="{{ description|trim(' &bull; ')|raw }}" class="hint--right">
<a href="{{ page_url }}" class="page-edit">{{ p.title|e }}</a>
</span>
{% if p.language %}
<span class="badge lang {% if p.language == admin_lang %}info{% endif %}">{{p.language}}</span>
{% endif %}