From 9e3b74b4ef08fd169d1d8243a93d09bcc28d66fb Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Thu, 31 Aug 2017 01:19:15 +0500 Subject: Minor bug fixes (#7305) * PLT-7063 - Changing search bar bg and color * PLT-7064 - Adjusting info popover styling * PLT-7124 - Fixing sidebar with webrtc call ongoing * PLT-7400 - Fixing semi transparent options list * PLT-7491 - Showing send button on mobile --- webapp/sass/components/_search.scss | 5 ----- webapp/sass/layout/_post.scss | 11 +++++++---- webapp/sass/responsive/_mobile.scss | 15 ++++++++++++--- 3 files changed, 19 insertions(+), 12 deletions(-) (limited to 'webapp/sass') diff --git a/webapp/sass/components/_search.scss b/webapp/sass/components/_search.scss index 6213d9c43..8d80d5d82 100644 --- a/webapp/sass/components/_search.scss +++ b/webapp/sass/components/_search.scss @@ -134,12 +134,7 @@ top: 0; a { - @include opacity(.8); vertical-align: top; - - &:hover { - @include opacity(1); - } } diff --git a/webapp/sass/layout/_post.scss b/webapp/sass/layout/_post.scss index 245ff062f..54807f01f 100644 --- a/webapp/sass/layout/_post.scss +++ b/webapp/sass/layout/_post.scss @@ -544,11 +544,12 @@ .send-button { @include single-transition(all, .15s); + border-left: 1px solid transparent; cursor: pointer; display: none; - font-size: 18px; - height: 37px; - line-height: 37px; + font-size: 17px; + height: 100%; + line-height: 49px; padding-right: 4px; text-align: center; vertical-align: bottom; @@ -559,7 +560,9 @@ } &.disabled { - color: grey; + i { + color: inherit; + } } } diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss index fdbf774ee..b47db42a3 100644 --- a/webapp/sass/responsive/_mobile.scss +++ b/webapp/sass/responsive/_mobile.scss @@ -51,6 +51,10 @@ .post-create-body { padding: 0; + .send-button { + display: block; + } + textarea { .app-content & { border-left: none; @@ -97,7 +101,7 @@ @include single-transition(all, .35s, ease); @include translate3d(0, 100%, 0); @include box-shadow(none); - background: alpha-color($black, .8); + background: alpha-color($black, .9); border: none; height: calc(100% - 50px); max-width: 100%; @@ -109,6 +113,10 @@ @include translate3d(0, 0, 0); } + a { + color: #0091ff; + } + .arrow { display: none; } @@ -1011,10 +1019,10 @@ .search-bar__container { @include flex(0 0 50px); background: $primary-color; - color: $white; padding: 0; .search-form__container { + color: $black; padding: 0; } @@ -1041,6 +1049,8 @@ top: 7px; svg { + stroke: $black; + stroke-opacity: .4; width: 17px; } } @@ -1226,7 +1236,6 @@ } .sidebar__search-clear { - @include opacity(1); color: inherit; display: block; height: 32px; -- cgit v1.2.3-1-g7c22