From 9c92a491b53da8b85763999c39c8d6c788d4849b Mon Sep 17 00:00:00 2001 From: Kane York Date: Thu, 20 Aug 2015 13:59:32 -0700 Subject: [PATCH] FIX: Tweaks to mobile select posts UI --- app/assets/stylesheets/mobile/compose.scss | 9 ++++++--- app/assets/stylesheets/mobile/topic-post.scss | 6 +++--- 2 files changed, 9 insertions(+), 6 deletions(-) diff --git a/app/assets/stylesheets/mobile/compose.scss b/app/assets/stylesheets/mobile/compose.scss index 91c2ef2ba99..4fb2c9c0044 100644 --- a/app/assets/stylesheets/mobile/compose.scss +++ b/app/assets/stylesheets/mobile/compose.scss @@ -13,6 +13,12 @@ display: none !important; // can be removed if inline JS CSS is removed from com display: none !important; // can be removed if inline JS CSS is removed from composer-popup } +input { + background: $secondary; + color: $primary; + border-color: choose-grey(15%); +} + #reply-control { // used for upload link .composer-bottom-right { @@ -128,9 +134,6 @@ display: none !important; // can be removed if inline JS CSS is removed from com margin-top: 6px; width: 99%; box-sizing: border-box; - background: $secondary; - color: $primary; - border-color: choose-grey(10%); } .wmd-controls { transition: top 0.3s ease; diff --git a/app/assets/stylesheets/mobile/topic-post.scss b/app/assets/stylesheets/mobile/topic-post.scss index d69d3b13721..844b479d05c 100644 --- a/app/assets/stylesheets/mobile/topic-post.scss +++ b/app/assets/stylesheets/mobile/topic-post.scss @@ -399,11 +399,11 @@ iframe { float: left; width: 97%; padding-left: 3%; - background-color: dark-light-diff($tertiary, $secondary, 85%, -65%); + background-color: srgb-scale($tertiary, $secondary, 15%); .btn { margin-bottom: 10px; color: $secondary; - background: scale-color($tertiary, $lightness: 50%); + background: $tertiary; clear: both; } p { @@ -420,7 +420,7 @@ button.select-post { position: absolute; z-index: 401; // 400 is the reply-to tab left: 200px; - background-color: scale-color($tertiary, $lightness: 50%); + background-color: srgb-scale($tertiary, $secondary, 60%); color: $secondary; padding: 5px; }