summaryrefslogtreecommitdiffstats
path: root/webapp/sass/responsive/_tablet.scss
diff options
context:
space:
mode:
authorAsaad Mahmood <asaadmahmoodspin@users.noreply.github.com>2016-04-25 20:52:32 +0500
committerHarrison Healey <harrisonmhealey@gmail.com>2016-04-25 11:52:32 -0400
commit88cbfe7f1df5a0ef89d8b2ccf1261cb897c19366 (patch)
treef7e0f90f817845494d421262a6397d14f1a32dc7 /webapp/sass/responsive/_tablet.scss
parentbfc6e4e6b6171b601decfa00a8a729f843a1a758 (diff)
downloadchat-88cbfe7f1df5a0ef89d8b2ccf1261cb897c19366.tar.gz
chat-88cbfe7f1df5a0ef89d8b2ccf1261cb897c19366.tar.bz2
chat-88cbfe7f1df5a0ef89d8b2ccf1261cb897c19366.zip
UI Improvements to center channel (#2790)
Removing time from the center channel on sp (mobile) Liking mention color to search highlight color aswell Adjusting vertical spacing on mobile Removing profile pic from mobile LHS header Updating styles for the RHS Fixing btn-danger
Diffstat (limited to 'webapp/sass/responsive/_tablet.scss')
-rw-r--r--webapp/sass/responsive/_tablet.scss29
1 files changed, 27 insertions, 2 deletions
diff --git a/webapp/sass/responsive/_tablet.scss b/webapp/sass/responsive/_tablet.scss
index cb5216dea..659100263 100644
--- a/webapp/sass/responsive/_tablet.scss
+++ b/webapp/sass/responsive/_tablet.scss
@@ -12,13 +12,18 @@
}
}
}
+
.sidebar--right {
@include single-transition(all, .5s, ease);
@include translateX(100%);
z-index: 5;
&.move--left {
- @include translateX(0);
+ -webkit-transform: translateX(0) !important;
+ -moz-transform: translateX(0) !important;
+ -ms-transform: translateX(0) !important;
+ -o-transform: translateX(0) !important;
+ transform: translateX(0) !important;
.search-bar__container {
padding-right: 8px;
@@ -44,8 +49,12 @@
}
.inner-wrap {
+ &:not(.move--left) {
+ margin-right: 0 !important;
+ }
+
&.move--left {
- margin-right: 0;
+ margin-right: 0 !important;
.channel-header__links {
position: relative;
@@ -60,4 +69,20 @@
.second-bar {
display: none;
}
+
+ .post {
+ &.same--root {
+ &.same--user {
+ .post__time {
+ @include opacity(0);
+ font-size: 11px;
+ left: 8px;
+ line-height: 37px;
+ position: absolute;
+ text-rendering: auto;
+ top: -2px;
+ }
+ }
+ }
+ }
}