summaryrefslogtreecommitdiffstats
path: root/webapp/sass
diff options
context:
space:
mode:
authorAsaad Mahmood <asaadmahmoodspin@users.noreply.github.com>2016-04-14 18:24:58 +0500
committerJoram Wilander <jwawilander@gmail.com>2016-04-14 09:24:58 -0400
commitc3c49e49b4b8694a7f199f567589b040d96c3926 (patch)
tree754914131111ba4a6b1801fc31dcc01e96e8c732 /webapp/sass
parent4b3d81441b2e7611afecbbb8a2f7de275e30dc40 (diff)
downloadchat-c3c49e49b4b8694a7f199f567589b040d96c3926.tar.gz
chat-c3c49e49b4b8694a7f199f567589b040d96c3926.tar.bz2
chat-c3c49e49b4b8694a7f199f567589b040d96c3926.zip
Minor Ui Improvements (#2713)
Diffstat (limited to 'webapp/sass')
-rw-r--r--webapp/sass/components/_buttons.scss4
-rw-r--r--webapp/sass/components/_modal.scss2
-rw-r--r--webapp/sass/layout/_post.scss42
3 files changed, 31 insertions, 17 deletions
diff --git a/webapp/sass/components/_buttons.scss b/webapp/sass/components/_buttons.scss
index 5d95759a2..326640148 100644
--- a/webapp/sass/components/_buttons.scss
+++ b/webapp/sass/components/_buttons.scss
@@ -18,6 +18,10 @@
&.btn-danger {
color: $white;
+ .app__body & {
+ color: $white;
+ }
+
&:hover,
&:focus,
&:active {
diff --git a/webapp/sass/components/_modal.scss b/webapp/sass/components/_modal.scss
index aea8ac272..43d0cd98f 100644
--- a/webapp/sass/components/_modal.scss
+++ b/webapp/sass/components/_modal.scss
@@ -20,8 +20,8 @@
overflow: visible;
.custom-textarea {
- min-height: 8em;
max-height: 60vh;
+ min-height: 8em;
}
.suggestion-list__content {
diff --git a/webapp/sass/layout/_post.scss b/webapp/sass/layout/_post.scss
index 445ab9511..85447e534 100644
--- a/webapp/sass/layout/_post.scss
+++ b/webapp/sass/layout/_post.scss
@@ -170,25 +170,35 @@ body.ios {
}
}
-.post-list__new-messages-below{
- background-color: #9fa5ad;
- border-radius: 1em;
- bottom: 0;
- color: white;
- cursor: pointer;
- display: inline-block;
- left: 50%;
- padding: .25em .75em;
- position: absolute;
- transform: translateX(-50%);
- transition: bottom .5s cubic-bezier(0.86, 0, 0.07, 1);
- &[hidden]{
- bottom: -30px;
- }
+.post-list__new-messages-below {
+ @include single-transition(bottom .5s cubic-bezier(86, 0, 07, 1));
+ @include opacity(.9);
+ background-color: $black;
+ border-radius: 1em;
+ bottom: 10px;
+ color: $white;
+ cursor: pointer;
+ display: inline-block;
+ left: 50%;
+ padding: .3em .75em;
+ position: absolute;
+ transform: translateX(-50%);
+
+ &[hidden] {
+ bottom: -30px;
+ }
+
+ .fa {
+ font-size: 17px;
+ font-weight: bold;
+ margin-right: 1px;
+ position: relative;
+ top: 1px;
+ }
}
.file-overlay {
- color: #ffffff;
+ color: $white;
font-size: em(20px);
font-weight: 600;
height: 100%;