From 3f06d763e807a315e2c6329300bd068bea40f28c Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Thu, 23 Jul 2015 12:06:56 +0500 Subject: UI Fixes --- web/sass-files/sass/partials/_headers.scss | 2 +- web/sass-files/sass/partials/_navbar.scss | 3 ++- web/sass-files/sass/partials/_search.scss | 3 ++- 3 files changed, 5 insertions(+), 3 deletions(-) (limited to 'web/sass-files/sass') diff --git a/web/sass-files/sass/partials/_headers.scss b/web/sass-files/sass/partials/_headers.scss index 4351e167b..92b24daaa 100644 --- a/web/sass-files/sass/partials/_headers.scss +++ b/web/sass-files/sass/partials/_headers.scss @@ -119,7 +119,7 @@ } .header__info { color: #fff; - padding-left: 3px + padding-left: 6px; } .team__name, .user__name { display: block; diff --git a/web/sass-files/sass/partials/_navbar.scss b/web/sass-files/sass/partials/_navbar.scss index 6d8f11ce3..e5e67a9e0 100644 --- a/web/sass-files/sass/partials/_navbar.scss +++ b/web/sass-files/sass/partials/_navbar.scss @@ -24,9 +24,10 @@ border-radius: 0; margin: 0; padding: 0 10px; - line-height: 50px; + line-height: 53px; height: 50px; z-index: 5; + fill: #fff; .icon-bar { background: #fff; width: 21px; diff --git a/web/sass-files/sass/partials/_search.scss b/web/sass-files/sass/partials/_search.scss index d4a4da243..794358320 100644 --- a/web/sass-files/sass/partials/_search.scss +++ b/web/sass-files/sass/partials/_search.scss @@ -5,9 +5,10 @@ width: auto; height: auto; position: absolute; - top: 17px; + top: 1px; right: 15px; cursor: pointer; + padding: 1em 0; z-index: 5; display: none; } -- cgit v1.2.3-1-g7c22 From d57ee9c689e6c0641f55185126aeb4d8e4d9d596 Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Thu, 23 Jul 2015 21:49:54 +0500 Subject: Adding hover effect for LHS menu icon --- web/sass-files/sass/partials/_headers.scss | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'web/sass-files/sass') diff --git a/web/sass-files/sass/partials/_headers.scss b/web/sass-files/sass/partials/_headers.scss index 92b24daaa..e39626d05 100644 --- a/web/sass-files/sass/partials/_headers.scss +++ b/web/sass-files/sass/partials/_headers.scss @@ -96,6 +96,10 @@ right: 22px; .dropdown-toggle { padding: 10px; + @include opacity(0.8); + &:hover { + @include opacity(1); + } } .dropdown-menu { li a { @@ -119,7 +123,7 @@ } .header__info { color: #fff; - padding-left: 6px; + padding-left: 6px; } .team__name, .user__name { display: block; -- cgit v1.2.3-1-g7c22 From e03c88262cd694d14e671fd9d01245e1a0c4a6f3 Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Thu, 23 Jul 2015 21:52:51 +0500 Subject: Adjusting padding for LHS header info --- web/sass-files/sass/partials/_headers.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'web/sass-files/sass') diff --git a/web/sass-files/sass/partials/_headers.scss b/web/sass-files/sass/partials/_headers.scss index e39626d05..687e330a6 100644 --- a/web/sass-files/sass/partials/_headers.scss +++ b/web/sass-files/sass/partials/_headers.scss @@ -123,7 +123,7 @@ } .header__info { color: #fff; - padding-left: 6px; + padding-left: 4px; } .team__name, .user__name { display: block; -- cgit v1.2.3-1-g7c22 From 6d7f23915fd2852716a6014470acc0df2c8520fd Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Thu, 23 Jul 2015 22:05:42 +0500 Subject: UI changes for search bar in the RHS for Mobile Web --- web/sass-files/sass/partials/_responsive.scss | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) (limited to 'web/sass-files/sass') diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss index 3a2768a47..2d78cf242 100644 --- a/web/sass-files/sass/partials/_responsive.scss +++ b/web/sass-files/sass/partials/_responsive.scss @@ -459,14 +459,15 @@ border-radius: 0; padding: 0; border-bottom: 1px solid #FFF; - border-bottom: 1px solid rgba(#fff, 0.6); - @include input-placeholder { - color: rgba(#fff, 0.6); + border-bottom: 1px solid rgba(#fff, 0.4); + &:focus { + border-bottom: 1px solid rgba(#fff, 0.8); } } input[type=text] { @include input-placeholder { color: #fff; + color: rgba(#fff, 0.6); } } } -- cgit v1.2.3-1-g7c22