X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;ds=sidebyside;f=app.scss;h=51110e1d239a43fbd66fe528ecec9e8ecbb2ed26;hb=e6701f57ccbd61bf479635061339aeaf44b56116;hp=69b1067e2f2ecd1d4fd303b826e9bd27e042a086;hpb=7cc525b2a65ce07a340562864682e663ab46bb84;p=github%2Fbastienwirtz%2Fhomer.git

diff --git a/app.scss b/app.scss
index 69b1067..51110e1 100644
--- a/app.scss
+++ b/app.scss
@@ -68,12 +68,27 @@ $theme-dark: (
     }
   }
 
+  .message {
+    background-color: map-get($theme, "card-background");
+    .message-body {
+      color: map-get($theme, "text");
+    }
+  }
+
   .footer {
     background-color:  map-get($theme, "card-background");
     box-shadow: 0 2px 15px 0 map-get($theme, "card-shadow");
   }
 }
 
+
+@mixin ellipsis() {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+
 html { 
   height: 100%; 
 }
@@ -198,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 {
@@ -230,7 +245,8 @@ body {
   }
 
   .media-content {
-    overflow: inherit;
+    overflow: hidden;
+    text-overflow: inherit;
   }
 
   .tag {