From 032f1dba50b0fd4f5f77edb3225e3e3ccc6a3155 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Blin?=
<sebastien.blin@savoirfairelinux.com>
Date: Sat, 28 Nov 2020 17:57:33 -0500
Subject: [PATCH] chatview: UI color revision
- use configurable color for incoming messages and send file container
- use dark-blue for action-buttons (windows)
Change-Id: Ib6fe82c44b37aa60bf62032bcf26206f1bdb4eee
---
src/web-chatview/chatview-windows.css | 6 +-----
src/web-chatview/chatview.css | 12 +++++++-----
2 files changed, 8 insertions(+), 10 deletions(-)
diff --git a/src/web-chatview/chatview-windows.css b/src/web-chatview/chatview-windows.css
index 1d574e3a..0ef8e7d6 100644
--- a/src/web-chatview/chatview-windows.css
+++ b/src/web-chatview/chatview-windows.css
@@ -16,7 +16,7 @@
--textarea-max-height: 150px;
--placeholder-text-color: #d3d3d3;
/* button properties */
- --action-icon-color: #00;
+ --action-icon-color: var(--jami-dark-blue);
--deactivated-icon-color: #bebebe;
--action-icon-hover-color: #ededed;
--action-critical-icon-hover-color: rgba(211, 77, 59, 0.3); /* complementary color of jami light blue */
@@ -69,10 +69,6 @@ body {
margin: 0px 10px 0px 10px;
}
-.message_in .message_wrapper {
- background-color: #cfebf5;
-}
-
.message_in .sender_image,
.message_out .sender_image {
visibility: hidden;
diff --git a/src/web-chatview/chatview.css b/src/web-chatview/chatview.css
index 0dc34040..86bbf801 100644
--- a/src/web-chatview/chatview.css
+++ b/src/web-chatview/chatview.css
@@ -440,7 +440,7 @@ a:hover {
border: 3px solid rgba(255,255,255,0);
padding: 30px;
border-radius: 20px;
- background-color: white;
+ background-color: var(--message-in-bg);
display: inline-block;
justify-content: flex-start;
align-items: center;
@@ -477,12 +477,13 @@ a:hover {
margin-right: 2em;
top: 8%;
left: 1px;
+ fill: var(--message-in-txt);
}
.file_wrapper .svg-icon path,
.file_wrapper .svg-icon polygon,
.file_wrapper .svg-icon rect {
- fill: #000000;
+ fill: var(--message-in-txt);
}
.file_wrapper .svg-icon circle {
@@ -494,6 +495,7 @@ a:hover {
position: absolute;
top: 30%;
left: 7%;
+ color: var(--message-in-txt);
}
#back_to_bottom_button_container {
@@ -684,8 +686,8 @@ div.last_message > span {
.message_in .message_wrapper {
border-top-left-radius: 0;
transform-origin: top left;
- background-color: var(--message-out-bg);
- color: var(--message-out-txt);
+ background-color: var(--message-in-bg);
+ color: var(--message-in-txt);
}
@-webkit-keyframes fade-in {
@@ -1284,4 +1286,4 @@ video {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
-}
\ No newline at end of file
+}
--
GitLab