From 4640dd80677e05905602f8d0659658fc14cb9dc4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9Cmariaeduardacunha=E2=80=9C?= Date: Wed, 1 Jul 2020 16:38:40 -0300 Subject: [PATCH 1/2] Removing .message media-query. Now add-reaction appears when viewport is smaller than 500px --- app/theme/client/imports/components/messages.css | 16 +++++++--------- 1 file changed, 7 insertions(+), 9 deletions(-) diff --git a/app/theme/client/imports/components/messages.css b/app/theme/client/imports/components/messages.css index f3c2961abac33..ec902914c991c 100644 --- a/app/theme/client/imports/components/messages.css +++ b/app/theme/client/imports/components/messages.css @@ -202,15 +202,13 @@ left: 2px; } -@media (width >= 500px) { - .message { - &:hover, - &.active { - background-color: #f7f8fa; - - & .message-actions { - display: flex; - } +.message { + &:hover, + &.active { + background-color: #f7f8fa; + + & .message-actions { + display: flex; } } } From 65e7f9b25e4dd3c781d13e94763923abb2f0af62 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9Cmariaeduardacunha=E2=80=9C?= Date: Wed, 1 Jul 2020 16:52:45 -0300 Subject: [PATCH 2/2] removing duplicated selector --- .../client/imports/components/messages.css | 20 +++++++++---------- 1 file changed, 9 insertions(+), 11 deletions(-) diff --git a/app/theme/client/imports/components/messages.css b/app/theme/client/imports/components/messages.css index ec902914c991c..445638c712114 100644 --- a/app/theme/client/imports/components/messages.css +++ b/app/theme/client/imports/components/messages.css @@ -53,6 +53,15 @@ } .message { + &:hover, + &.active { + background-color: #f7f8fa; + + & .message-actions { + display: flex; + } + } + & .toggle-hidden { display: none; } @@ -202,17 +211,6 @@ left: 2px; } -.message { - &:hover, - &.active { - background-color: #f7f8fa; - - & .message-actions { - display: flex; - } - } -} - .compact { & .message { min-height: 26px;