From 7abf9d41c89cf922f9962c74667b7fc7d55b4596 Mon Sep 17 00:00:00 2001 From: antoine92190 Date: Mon, 20 Apr 2020 13:32:53 +1100 Subject: [PATCH] (UI) improve image close icon --- src/ChatWindow/Room.vue | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/src/ChatWindow/Room.vue b/src/ChatWindow/Room.vue index 622ea007..97912e3c 100644 --- a/src/ChatWindow/Room.vue +++ b/src/ChatWindow/Room.vue @@ -796,8 +796,16 @@ textarea { height: 20px; width: 20px; border-radius: 50%; - box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2), - 0 1px 3px 1px rgba(0, 0, 0, 0.12), 0 1px 3px 1px rgba(0, 0, 0, 0.1); + } + + &:before { + content: ' '; + position: absolute; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + border-radius: 50%; + z-index: -1; } }