From 0a07c8ad2c8f298ac9297ec9337e823283f49574 Mon Sep 17 00:00:00 2001 From: Scott Nonnenberg Date: Fri, 16 Jun 2017 11:14:47 -0700 Subject: [PATCH] Fix attachment styles in iOS theme FREEBIE --- stylesheets/_ios.scss | 6 +++--- stylesheets/manifest.css | 16 ++++++++-------- 2 files changed, 11 insertions(+), 11 deletions(-) diff --git a/stylesheets/_ios.scss b/stylesheets/_ios.scss index 2cd6d63e0..1cf57329d 100644 --- a/stylesheets/_ios.scss +++ b/stylesheets/_ios.scss @@ -84,7 +84,7 @@ $ios-border-color: rgba(0,0,0,0.1); } - .message-list .attachments .bubbled { + .attachments .bubbled { border-radius: 15px; margin-bottom: 0.25em; @@ -110,7 +110,7 @@ $ios-border-color: rgba(0,0,0,0.1); height: 11px; right: -6px; bottom: -3px; - background: white; + background: #eee; } } @@ -156,7 +156,7 @@ $ios-border-color: rgba(0,0,0,0.1); } } - .message-list .incoming .bubbled { + .incoming .bubbled { background-color: white; color: black; float: left; diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css index 18428f324..1e855f152 100644 --- a/stylesheets/manifest.css +++ b/stylesheets/manifest.css @@ -1616,28 +1616,28 @@ li.entry .error-icon-container { .ios .error-message.content, .ios .control .content { padding: 10px; } -.ios .message-list .attachments .bubbled { +.ios .attachments .bubbled { border-radius: 15px; margin-bottom: 0.25em; padding: 10px; position: relative; } - .ios .message-list .attachments .bubbled:before, .ios .message-list .attachments .bubbled:after { + .ios .attachments .bubbled:before, .ios .attachments .bubbled:after { content: ''; display: block; border-radius: 20px; position: absolute; width: 10px; } - .ios .message-list .attachments .bubbled:before { + .ios .attachments .bubbled:before { right: -1px; bottom: -3px; height: 10px; border-radius: 20px; background: #2090ea; } - .ios .message-list .attachments .bubbled:after { + .ios .attachments .bubbled:after { height: 11px; right: -6px; bottom: -3px; - background: white; } + background: #eee; } .ios .bubble .content { margin-bottom: 5px; } .ios .bubble .content .body { @@ -1668,14 +1668,14 @@ li.entry .error-icon-container { background-color: white; } .ios .bubble .meta { clear: both; } -.ios .message-list .incoming .bubbled { +.ios .incoming .bubbled { background-color: white; color: black; float: left; } - .ios .message-list .incoming .bubbled:before { + .ios .incoming .bubbled:before { left: -1px; background-color: white; } - .ios .message-list .incoming .bubbled:after { + .ios .incoming .bubbled:after { left: -6px; } .ios .incoming .content { background-color: white;