diff options
author | Asaad Mahmood <asaad@spinpunch.com> | 2015-12-02 22:51:48 +0500 |
---|---|---|
committer | Asaad Mahmood <asaad@spinpunch.com> | 2015-12-02 22:51:48 +0500 |
commit | c8cc46f6e03de59dbc1763cab1eb1999d85d8fe4 (patch) | |
tree | 52cc9448d19b6bd3c85731f298da90752d35f066 /web/sass-files | |
parent | 8c7dd0561d18b1828b399f385d9d8558c583a503 (diff) | |
download | chat-c8cc46f6e03de59dbc1763cab1eb1999d85d8fe4.tar.gz chat-c8cc46f6e03de59dbc1763cab1eb1999d85d8fe4.tar.bz2 chat-c8cc46f6e03de59dbc1763cab1eb1999d85d8fe4.zip |
Multiple UI Improvements
Diffstat (limited to 'web/sass-files')
-rw-r--r-- | web/sass-files/sass/partials/_responsive.scss | 54 | ||||
-rw-r--r-- | web/sass-files/sass/partials/_tutorial.scss | 2 |
2 files changed, 44 insertions, 12 deletions
diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss index a56c4bb17..1e3b7a468 100644 --- a/web/sass-files/sass/partials/_responsive.scss +++ b/web/sass-files/sass/partials/_responsive.scss @@ -51,23 +51,31 @@ @media screen and (max-width: 960px) { - .signup-team__container { - font-size: 1em; - } + .sidebar--right { + width: calc(100% - 219px); + z-index: 5; + right: 0; + @include translateX(100%); - .post { + &.move--left { + @include translateX(0); + } - &.same--root { + } - &.same--user { + .inner__wrap { - .post__time { - display: none; - } + &.move--left { + margin-right: 0; + } - } + } - } + .search-bar__container { + padding-left: 10px; + } + + .post { .post-list__content & { @@ -106,6 +114,30 @@ } + } + +} + +@media screen and (max-width: 768px) { + + .signup-team__container { + font-size: 1em; + } + + .post { + + &.same--root { + + &.same--user { + + .post__time { + display: none; + } + + } + + } + .post__img { width: 40px; diff --git a/web/sass-files/sass/partials/_tutorial.scss b/web/sass-files/sass/partials/_tutorial.scss index cfbc3454a..8ab29ab10 100644 --- a/web/sass-files/sass/partials/_tutorial.scss +++ b/web/sass-files/sass/partials/_tutorial.scss @@ -81,7 +81,7 @@ color: #fff; @include border-radius(3px); border: none; - margin-bottom: 10px; + margin: 10px 0; &:hover, &:active, &:focus { color: #fff; |