From f9181427423126c9f7e56078b1dc9b7f2483e1be Mon Sep 17 00:00:00 2001
From: lilia <liliakai@gmail.com>
Date: Thu, 1 Sep 2016 15:09:24 -0700
Subject: [PATCH] Fix bubble selection style and toast z-index

// FREEBIE
---
 stylesheets/_conversation.scss |  1 +
 stylesheets/_themes.scss       | 12 +++++-------
 stylesheets/manifest.css       | 17 ++++++-----------
 3 files changed, 12 insertions(+), 18 deletions(-)

diff --git a/stylesheets/_conversation.scss b/stylesheets/_conversation.scss
index 3055c3e3..da695f36 100644
--- a/stylesheets/_conversation.scss
+++ b/stylesheets/_conversation.scss
@@ -534,6 +534,7 @@ li.entry .error-icon-container {
   box-shadow: 0 0 5px 0 black;
   border-radius: $border-radius;
   font-size: $font-size-small;
+  z-index: 100;
 }
 
 .confirmation-dialog {
diff --git a/stylesheets/_themes.scss b/stylesheets/_themes.scss
index ef9e0b34..32859376 100644
--- a/stylesheets/_themes.scss
+++ b/stylesheets/_themes.scss
@@ -3,12 +3,8 @@
     color: white;
   }
 
-  &, .content {
-    &::selection, a::selection {
-      background: white;
-      color: $grey_d;
-    }
-
+  &, .body {
+    &::selection, a::selection,
     &::-moz-selection, a::-moz-selection {
       background: white;
       color: $grey_d;
@@ -164,7 +160,9 @@ $ios-border-color: rgba(0,0,0,0.1);
   .outgoing {
     .content {
       background-color: $blue;
-      @include invert-text-color;
+      .body {
+        @include invert-text-color;
+      }
       float: right;
     }
     .timestamp {
diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css
index dc28950a..dd5e4a62 100644
--- a/stylesheets/manifest.css
+++ b/stylesheets/manifest.css
@@ -1317,7 +1317,8 @@ li.entry .error-icon-container {
   color: white;
   box-shadow: 0 0 5px 0 black;
   border-radius: 5px;
-  font-size: 0.92857em; }
+  font-size: 0.92857em;
+  z-index: 100; }
 
 .confirmation-dialog .content {
   max-width: 350px;
@@ -1462,15 +1463,12 @@ li.entry .error-icon-container {
 .ios .outgoing .content {
   background-color: #2090ea;
   float: right; }
-  .ios .outgoing .content, .ios .outgoing .content .meta {
+  .ios .outgoing .content .body, .ios .outgoing .content .body .meta {
     color: white; }
-  .ios .outgoing .content::selection, .ios .outgoing .content a::selection, .ios .outgoing .content .content::selection, .ios .outgoing .content .content a::selection {
+  .ios .outgoing .content .body::selection, .ios .outgoing .content .body a::selection, .ios .outgoing .content .body::-moz-selection, .ios .outgoing .content .body a::-moz-selection, .ios .outgoing .content .body .body::selection, .ios .outgoing .content .body .body a::selection, .ios .outgoing .content .body .body::-moz-selection, .ios .outgoing .content .body .body a::-moz-selection {
     background: white;
     color: #454545; }
-  .ios .outgoing .content::-moz-selection, .ios .outgoing .content a::-moz-selection, .ios .outgoing .content .content::-moz-selection, .ios .outgoing .content .content a::-moz-selection {
-    background: white;
-    color: #454545; }
-  .ios .outgoing .content a, .ios .outgoing .content .attachments a, .ios .outgoing .content .content a {
+  .ios .outgoing .content .body a, .ios .outgoing .content .body .attachments a, .ios .outgoing .content .body .content a {
     color: #f3f3f3; }
 .ios .outgoing .timestamp {
   float: none; }
@@ -1536,10 +1534,7 @@ li.entry .error-icon-container {
   background-color: #f3f3f3; }
 .android .incoming .bubble, .android .incoming .bubble .meta {
   color: white; }
-.android .incoming .bubble::selection, .android .incoming .bubble a::selection, .android .incoming .bubble .content::selection, .android .incoming .bubble .content a::selection {
-  background: white;
-  color: #454545; }
-.android .incoming .bubble::-moz-selection, .android .incoming .bubble a::-moz-selection, .android .incoming .bubble .content::-moz-selection, .android .incoming .bubble .content a::-moz-selection {
+.android .incoming .bubble::selection, .android .incoming .bubble a::selection, .android .incoming .bubble::-moz-selection, .android .incoming .bubble a::-moz-selection, .android .incoming .bubble .body::selection, .android .incoming .bubble .body a::selection, .android .incoming .bubble .body::-moz-selection, .android .incoming .bubble .body a::-moz-selection {
   background: white;
   color: #454545; }
 .android .incoming .bubble a, .android .incoming .bubble .attachments a, .android .incoming .bubble .content a {