From 05b9c3faafd282969ecf0f98a113a5323d174499 Mon Sep 17 00:00:00 2001 From: lindenkron Date: Sun, 16 Apr 2023 20:54:35 +0200 Subject: [PATCH 1/2] inMessage added --- popout.html | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/popout.html b/popout.html index 80bafe4..422ff59 100644 --- a/popout.html +++ b/popout.html @@ -49,7 +49,7 @@ body{ overflow-y: auto; } -.outMessage { +.outMessage, .inMessage { display: flex; align-items: center; justify-content: flex-end; @@ -63,6 +63,11 @@ body{ padding: 2px 5px; } +.inMessage { + color: var(--discord-text); + background-color: var(--discord-grey-7); +} + .outMessage .chat_message { font-weight: bold; } From bdcecbe7547d7b9f3388e6ef639be944f2691607 Mon Sep 17 00:00:00 2001 From: lindenkron Date: Sun, 16 Apr 2023 20:56:53 +0200 Subject: [PATCH 2/2] Cleaned up comments --- popout.html | 13 ++++++------- 1 file changed, 6 insertions(+), 7 deletions(-) diff --git a/popout.html b/popout.html index 422ff59..813aa5b 100644 --- a/popout.html +++ b/popout.html @@ -102,23 +102,22 @@ body{ } /* SCROLL BAR STYLING */ - ::-webkit-scrollbar { - width: 12px; /* Set the width of the scrollbar for WebKit browsers */ + width: 12px; } ::-webkit-scrollbar-track { - background-color: var(--discord-grey-1); /* Set the background color of the scrollbar track */ - border-radius: 4px; /* Set the border radius of the scrollbar track */ + background-color: var(--discord-grey-1); + border-radius: 4px; } ::-webkit-scrollbar-thumb { - background-color: var(--discord-grey-7); /* Set the background color of the scrollbar thumb */ - border-radius: 4px; /* Set the border radius of the scrollbar thumb */ + background-color: var(--discord-grey-7); + border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { - background-color: var(--discord-grey-8); /* Set the background color of the scrollbar thumb on hover */ + background-color: var(--discord-grey-8); }