Limit the heading to one line for desktop clients

Provide the full title using the title attribute (will be shown by on mouse over for desktop browsers).
This commit is contained in:
Mathias Kresin 2015-12-10 20:40:27 +01:00
parent 1fc6f2222c
commit 0c7bcfb65b
2 changed files with 8 additions and 0 deletions

View File

@ -857,6 +857,12 @@ html[dir="rtl"] span.items-count:before {
.hide-desktop {
display: none;
}
.items h2 {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
}
/* mobile design */

View File

@ -14,11 +14,13 @@
<a class="original" rel="noreferrer" target="_blank"
href="<?= $item['url'] ?>"
<?= ($original_marks_read) ? 'data-action="mark-read"' : '' ?>
title="<?= Helper\escape($item['title']) ?>"
><?= Helper\escape($item['title']) ?></a>
<?php else: ?>
<a
href="?action=show&amp;menu=<?= $menu ?><?= isset($group_id) ? '&amp;group_id='.$group_id : '' ?>&amp;id=<?= $item['id'] ?>"
class="show"
title="<?= Helper\escape($item['title']) ?>"
><?= Helper\escape($item['title']) ?></a>
<?php endif ?>
</h2>