aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
-rw-r--r--app.css13
-rw-r--r--app.scss17
2 files changed, 23 insertions, 7 deletions
diff --git a/app.css b/app.css
index 0b3ea23..628b0ce 100644
--- a/app.css
+++ b/app.css
@@ -187,9 +187,15 @@ body {
187 padding: 0; } 187 padding: 0; }
188 body #main-section h2 { 188 body #main-section h2 {
189 border-bottom: 1px dashed #ccc; 189 border-bottom: 1px dashed #ccc;
190 padding-bottom: 10px; } 190 padding-bottom: 10px;
191 white-space: nowrap;
192 overflow: hidden;
193 text-overflow: ellipsis; }
191 body #main-section .title { 194 body #main-section .title {
192 font-size: 1.1em; } 195 font-size: 1.1em;
196 white-space: nowrap;
197 overflow: hidden;
198 text-overflow: ellipsis; }
193 body #main-section .subtitle { 199 body #main-section .subtitle {
194 font-size: .9em; 200 font-size: .9em;
195 white-space: nowrap; 201 white-space: nowrap;
@@ -205,7 +211,8 @@ body {
205 body #main-section .message .message-body { 211 body #main-section .message .message-body {
206 border: none; } 212 border: none; }
207 body .media-content { 213 body .media-content {
208 overflow: inherit; } 214 overflow: hidden;
215 text-overflow: inherit; }
209 body .tag { 216 body .tag {
210 color: #4285f4; 217 color: #4285f4;
211 background-color: #4285f4; 218 background-color: #4285f4;
diff --git a/app.scss b/app.scss
index 2b726c8..51110e1 100644
--- a/app.scss
+++ b/app.scss
@@ -81,6 +81,14 @@ $theme-dark: (
81 } 81 }
82} 82}
83 83
84
85@mixin ellipsis() {
86 white-space: nowrap;
87 overflow: hidden;
88 text-overflow: ellipsis;
89}
90
91
84html { 92html {
85 height: 100%; 93 height: 100%;
86} 94}
@@ -205,17 +213,17 @@ body {
205 h2 { 213 h2 {
206 border-bottom: 1px dashed #ccc; 214 border-bottom: 1px dashed #ccc;
207 padding-bottom: 10px; 215 padding-bottom: 10px;
216 @include ellipsis();
208 } 217 }
209 218
210 .title { 219 .title {
211 font-size: 1.1em; 220 font-size: 1.1em;
221 @include ellipsis();
212 } 222 }
213 223
214 .subtitle { 224 .subtitle {
215 font-size: .9em; 225 font-size: .9em;
216 white-space: nowrap; 226 @include ellipsis();
217 overflow: hidden;
218 text-overflow: ellipsis;
219 } 227 }
220 228
221 .container { 229 .container {
@@ -237,7 +245,8 @@ body {
237 } 245 }
238 246
239 .media-content { 247 .media-content {
240 overflow: inherit; 248 overflow: hidden;
249 text-overflow: inherit;
241 } 250 }
242 251
243 .tag { 252 .tag {