github
/
homer
mirror of https://github.com/bastienwirtz/homer
1
0
Fork 0
Code Issues Releases Wiki Activity

Fixed text-overflow

pull/44/head
Bastien Wirtz 2020-04-28 21:48:30 -07:00
parent 5861f0f899
commit 45d38d1226
2 changed files with 23 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
app.css
View File

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

17
app.scss
View File

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