From: Memet Zx <[email protected]>
To: Ammar Faizi <[email protected]>
Cc: Memet Zx <[email protected]>,
Muhammad Rizki <[email protected]>,
Alviro Iskandar Setiawan <[email protected]>,
GNU/Weeb Mailing List <[email protected]>,
Irvan Malik Azantha <[email protected]>
Subject: [PATCH Website v2 2/2] style: Add custom styling for scrollbars in chat interface
Date: Sun, 1 Oct 2023 03:35:01 +0700 [thread overview]
Message-ID: <[email protected]> (raw)
In-Reply-To: <[email protected]>
This commit introduces custom styling for scrollbars using CSS. The
scrollbars now have a width of 6px, a dark background color for the
thumb (#718096), and a light background color for the track (#CBD5E0).
This enhances the visual appearance of the interface.
Signed-off-by: Memet Zx <[email protected]>
---
style.css | 11 +++++++++++
1 file changed, 11 insertions(+)
diff --git a/style.css b/style.css
index 19d1659..2bf4cea 100644
--- a/style.css
+++ b/style.css
@@ -3,6 +3,17 @@
@tailwind utilities;
+::-webkit-scrollbar {
+ width: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+ background-color: #718096;
+}
+
+::-webkit-scrollbar-track {
+ background-color: #CBD5E0;
+}
.chat {
@apply grid gap-x-3 py-1
}
--
Memet Zx
next prev parent reply other threads:[~2023-09-30 20:35 UTC|newest]
Thread overview: 7+ messages / expand[flat|nested] mbox.gz Atom feed top
2023-09-30 20:34 [PATCH Website v2 0/2] API Local Storage and Scrollbars Memet Zx
2023-09-30 20:35 ` [PATCH Website v2 1/2] feat: Add local storage caching for org members and user info Memet Zx
2023-09-30 20:35 ` Memet Zx [this message]
2023-10-02 1:06 ` [PATCH Website v2 0/2] API Local Storage and Scrollbars Muhammad Rizki
2023-10-02 1:25 ` Memet Zx
2023-10-02 1:26 ` Muhammad Rizki
2023-10-02 1:30 ` Memet Zx
Reply instructions:
You may reply publicly to this message via plain-text email
using any one of the following methods:
* Save the following mbox file, import it into your mail client,
and reply-to-all from there: mbox
Avoid top-posting and favor interleaved quoting:
https://en.wikipedia.org/wiki/Posting_style#Interleaved_style
* Reply using the --to, --cc, and --in-reply-to
switches of git-send-email(1):
git send-email \
[email protected] \
[email protected] \
[email protected] \
[email protected] \
[email protected] \
[email protected] \
[email protected] \
/path/to/YOUR_REPLY
https://kernel.org/pub/software/scm/git/docs/git-send-email.html
* If your mail client supports setting the In-Reply-To header
via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line
before the message body.
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox