diff options
author | Asaad Mahmood <asaadmahmood@users.noreply.github.com> | 2017-02-10 20:05:40 +0500 |
---|---|---|
committer | Corey Hulen <corey@hulen.com> | 2017-02-10 07:05:40 -0800 |
commit | c03cc2fb3ccacc2062ca7ecd3a66aedfe1c206db (patch) | |
tree | e1662b72b8009f65222538ca754ed5dc3928b093 /webapp/sass/components | |
parent | 2a9c1afd444ef00693860b732c901466682e253c (diff) | |
download | chat-c03cc2fb3ccacc2062ca7ecd3a66aedfe1c206db.tar.gz chat-c03cc2fb3ccacc2062ca7ecd3a66aedfe1c206db.tar.bz2 chat-c03cc2fb3ccacc2062ca7ecd3a66aedfe1c206db.zip |
Multiple Ui improvements (#5349)
* PLT-5277 - Adjusting textbox on tablet view
* PLT-5277 - Adjusting text area on mobile view
* PLT-5097 - Updating styles for remove image
* PLT-5217 - Updating styles for mobile code block
Diffstat (limited to 'webapp/sass/components')
-rw-r--r-- | webapp/sass/components/_files.scss | 35 |
1 files changed, 10 insertions, 25 deletions
diff --git a/webapp/sass/components/_files.scss b/webapp/sass/components/_files.scss index f4911ef8e..906c5e273 100644 --- a/webapp/sass/components/_files.scss +++ b/webapp/sass/components/_files.scss @@ -20,24 +20,6 @@ position: relative; width: 120px; - &:after { - @include opacity(0); - @include alpha-property(background, $black, .4); - content: ''; - height: 100%; - left: 0; - opacity: 0; - position: absolute; - top: 0; - width: 100%; - } - - &:hover { - &:after { - @include opacity(1); - } - } - &:first-child { margin-left: 0; } @@ -60,21 +42,24 @@ } .file-preview__remove { - height: 100%; - left: 0; + background: alpha-color($black, .5); + border-radius: 0 0 0 2px; + height: 28px; position: absolute; + right: 0; + text-align: center; top: 0; - width: 100%; + width: 28px; i { color: $white; cursor: pointer; font-size: 16px; - opacity: inherit; - position: absolute; - right: 5px; + line-height: 29px; + position: relative; + right: auto; text-shadow: 0 0 3px alpha-color($black, .7); - top: 5px; + top: auto; z-index: 5; } } |