Prevent topic title from clipping some characters due to overflow

This commit is contained in:
Kris 2020-07-27 17:26:48 -04:00
parent 25f6136b27
commit 89f6ff1574
2 changed files with 7 additions and 1 deletions

View File

@ -261,6 +261,12 @@
color: $header_primary;
display: block;
@include ellipsis;
// Some characters like '/' and 'j' can be wider than the font's em-box
// this causes some left/right text clipping with overflow hidden
// extra padding adds space to account for this; negative margin repositions
$wiggle-room: 0.15em;
padding-left: $wiggle-room;
margin-left: -#{$wiggle-room};
}
.topic-statuses {
.d-icon {

View File

@ -27,7 +27,7 @@
h1 {
font-size: $font-up-4;
line-height: $line-height-medium;
overflow: hidden;
overflow-wrap: break-word;
width: 100%;
a {
color: $primary;