paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-03 21:43:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

tables: Cleanup of table-striped CSS block.

Browse Source 
Making `table-striped` CSS block as a top level shared CSS inside
`app_components.css`, trying to make use of this block on every
table and also removing some dublicated CSS.

Follow-up of #21144
This commit is contained in:
yogesh sirsat
2022-06-20 20:52:48 +05:30
committed by Tim Abbott
parent 706d96b22e
commit d7c5434827
5 changed files with 50 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
static/styles/app_components.css
View File

@@ -664,3 +664,51 @@ div.overlay {
top: 3px; top: 3px;
} }
} }
.table-striped {
table-layout: auto;
border-collapse: separate;
thead th {
color: inherit;
background-color: hsl(0, 0%, 100%);
border-top: 1px solid hsla(0, 0%, 0%, 0.2) !important;
border-bottom: 1px solid hsla(0, 0%, 0%, 0.2) !important;
&.active::after,
&[data-sort]:hover::after {
content: " \f0d8";
white-space: pre;
display: inline-block;
position: absolute;
padding-top: 3px;
font: normal normal normal 12px/1 FontAwesome;
font-size: inherit;
}
&.active {
opacity: 1;
transition: opacity 100ms ease-out;
&.descend::after {
content: " \f0d7";
}
}
&[data-sort]:hover {
cursor: pointer;
background-color: hsla(0, 0%, 95%) !important;
transition: background-color 100ms ease-in-out;
&:not(.active)::after {
opacity: 0.3;
}
}
}
/* Force the actions column to use the minimum space necessary */
.actions {
width: 1%;
white-space: nowrap;
}
}

4
static/styles/dark_theme.css
View File

@@ -83,8 +83,8 @@ body.dark-theme {
table.table-striped thead.table-sticky-headers th { table.table-striped thead.table-sticky-headers th {
background-color: hsl(0, 0%, 0%); background-color: hsl(0, 0%, 0%);
&:hover:not(.actions) { &[data-sort]:hover {
background-color: hsl(211, 29%, 14%); background-color: hsl(211, 29%, 14%) !important;
} }
} }

48
static/styles/settings.css
View File

@@ -293,54 +293,6 @@ td .button {
} }
} }
.table-striped {
table-layout: auto;
border-collapse: separate;
thead th {
color: inherit;
background-color: hsl(0, 0%, 100%);
border-top: 1px solid hsla(0, 0%, 0%, 0.2) !important;
border-bottom: 1px solid hsla(0, 0%, 0%, 0.2) !important;
&.active::after,
&[data-sort]:hover::after {
content: " \f0d8";
white-space: pre;
display: inline-block;
position: absolute;
padding-top: 3px;
font: normal normal normal 12px/1 FontAwesome;
font-size: inherit;
}
&.active {
opacity: 1;
transition: opacity 100ms ease-out;
&.descend::after {
content: " \f0d7";
}
}
&[data-sort]:hover {
cursor: pointer;
background-color: hsla(0, 0%, 95%);
transition: background-color 100ms ease-in-out;
&:not(.active)::after {
opacity: 0.3;
}
}
}
/* Force the actions column to use the minimum space necessary */
.actions {
width: 1%;
white-space: nowrap;
}
}
#admin_page_users_loading_indicator, #admin_page_users_loading_indicator,
#attachments_loading_indicator, #attachments_loading_indicator,
#admin_page_deactivated_users_loading_indicator, #admin_page_deactivated_users_loading_indicator,

3
static/styles/subscriptions.css
View File

@@ -175,9 +175,6 @@ h4.stream_setting_subsection_title {
} }
thead th { thead th {
color: inherit;
background-color: hsl(0, 0%, 100%);
&:first-of-type { &:first-of-type {
border-top-left-radius: 4px; border-top-left-radius: 4px;
} }

5
static/styles/zulip.css
View File

@@ -2213,11 +2213,6 @@ div.floating_recipient {
border-radius: 6px; border-radius: 6px;
} }
.table-striped thead th {
background-color: hsl(0, 0%, 27%);
color: hsl(0, 0%, 100%);
}
#create_stream_subscribers { #create_stream_subscribers {
margin-top: 10px; margin-top: 10px;