Fixed text-overflow

This commit is contained in:
Bastien Wirtz 2020-04-28 21:48:30 -07:00
parent 5861f0f899
commit 45d38d1226
2 changed files with 23 additions and 7 deletions

13
app.css
View File

@ -187,9 +187,15 @@ body {
padding: 0; }
body #main-section h2 {
border-bottom: 1px dashed #ccc;
padding-bottom: 10px; }
padding-bottom: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
body #main-section .title {
font-size: 1.1em; }
font-size: 1.1em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
body #main-section .subtitle {
font-size: .9em;
white-space: nowrap;
@ -205,7 +211,8 @@ body {
body #main-section .message .message-body {
border: none; }
body .media-content {
overflow: inherit; }
overflow: hidden;
text-overflow: inherit; }
body .tag {
color: #4285f4;
background-color: #4285f4;

View File

@ -81,6 +81,14 @@ $theme-dark: (
}
}
@mixin ellipsis() {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
html {
height: 100%;
}
@ -205,17 +213,17 @@ body {
h2 {
border-bottom: 1px dashed #ccc;
padding-bottom: 10px;
@include ellipsis();
}
.title {
font-size: 1.1em;
@include ellipsis();
}
.subtitle {
font-size: .9em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@include ellipsis();
}
.container {
@ -237,7 +245,8 @@ body {
}
.media-content {
overflow: inherit;
overflow: hidden;
text-overflow: inherit;
}
.tag {