paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-13 10:26:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

subscription css: Add new app variable for bottom border color.

Browse Source 
This commit add a new css variable for subscription lists bottom
border color.

Fixes #30677.
This commit is contained in:
PieterCK
2024-07-02 13:53:40 +07:00
committed by Tim Abbott
parent 7556414337
commit b2515e8214
2 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/styles/app_variables.css
View File

@@ -452,6 +452,7 @@
/* Settings table colors */ /* Settings table colors */
--color-border-table-striped: hsl(0deg 0% 87%); --color-border-table-striped: hsl(0deg 0% 87%);
--color-border-table-bordered: hsl(0deg 0% 87%); --color-border-table-bordered: hsl(0deg 0% 87%);
--color-border-table-subscriber-list: hsl(0deg 0% 87%);
/* Markdown code colors */ /* Markdown code colors */
--color-markdown-code-text: hsl(0deg 0% 0%); --color-markdown-code-text: hsl(0deg 0% 0%);
@@ -835,6 +836,7 @@
--color-border-table-striped: hsl(0deg 0% 0% / 20%); --color-border-table-striped: hsl(0deg 0% 0% / 20%);
--color-border-table-bordered: hsl(0deg 0% 0% / 20%); --color-border-table-bordered: hsl(0deg 0% 0% / 20%);
--color-background-notification-table-thead: hsl(0deg 0% 0% / 20%); --color-background-notification-table-thead: hsl(0deg 0% 0% / 20%);
--color-border-table-subscriber-list: hsl(0deg 0% 0% / 20%);
/* Markdown code colors */ /* Markdown code colors */
/* Note that Markdown code-link colors are identical /* Note that Markdown code-link colors are identical

2
web/styles/subscriptions.css
View File

@@ -137,7 +137,7 @@ h4.user_group_setting_subsection_title {
.member_list_container, .member_list_container,
.subscriber_list_container { .subscriber_list_container {
position: relative; position: relative;
border-bottom: 1px solid hsl(0deg 0% 87%); border-bottom: 1px solid var(--color-border-table-subscriber-list);
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
max-height: var(--stream-subscriber-list-max-height); max-height: var(--stream-subscriber-list-max-height);