Prevent topic title from clipping some characters due to overflow
This commit is contained in:
parent
25f6136b27
commit
89f6ff1574
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue