Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

css: Extract variable for the right padding for table headers. 

This commit extracts CSS value for right padding, used in headers
of sortable columns of a table, in a variable.
This commit is contained in:
Sahil Batra 2024-07-23 19:51:39 +05:30 committed by Tim Abbott
parent 461663c08a
commit a888763141
3 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/styles/app_components.css
View File

@ -753,7 +753,7 @@ div.overlay {
word-break: normal;
&[data-sort] {
padding-right: 0.88em;
padding-right: var(--table-header-sortable-column-padding-right);
}
&.active::after,

7
web/styles/app_variables.css
View File

@ -493,6 +493,13 @@
*/
--popover-tippy-arrow-before-offset: -6.5px;
/*
Padding used in headers for sortable columns in table to make sure
that the arrow is visible completely for different screen widths,
languages and font-size including when hovering over the header.
*/
--table-header-sortable-column-padding-right: 0.88em;
/* Colors used across the app */
--color-date: hsl(0deg 0% 15% / 75%);
--color-background-private-message-header: hsl(46deg 35% 93%);

2
web/styles/recent_view.css
View File

@ -123,7 +123,7 @@
text-align: left;
&[data-sort] {
padding-right: 0.88em;
padding-right: var(--table-header-sortable-column-padding-right);
}
}