IntenseWebs/mattermost
3
0
Fork 0
mirror of https://github.com/mattermost/mattermost.git synced 2025-02-25 18:55:24 -06:00
Code Issues Packages Projects Releases Wiki Activity

add hover state to accordions and tweaks styles (#27577)

Browse Source
This commit is contained in:
Matthew Birtch 2024-07-09 10:20:34 -04:00 committed by GitHub
parent 6010ff5521
commit 485dc64c5f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
webapp/channels/src/components/admin_console/workspace-optimization/dashboard.scss
View File

@ -24,7 +24,6 @@
}
.WorkspaceOptimizationDashboard {
background-color: #fff;
button[class*=' StyledChip'],
button[class^='StyledChip'] {
@ -146,7 +145,8 @@
&__title {
margin-bottom: 8px;
color: var(--sys-denim-center-channel-text);
font-size: 22px;
font-family: Metropolis, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 28px;
}
@ -179,11 +179,20 @@
margin-left: 4px;
li.accordion-card {
overflow: hidden;
box-sizing: border-box;
border: 1px solid rgba(63, 67, 80, 0.08) !important;
border: var(--border-light);
border-radius: var(--radius-s);
margin-top: 16px;
background-color: var(--sys-center-channel-bg);
&:has(.accordion-card-header[role="button"]){
&:hover {
border: var(--border-dark);
box-shadow: var(--elevation-2);
}
}
.accordion-card-header {
max-height: 92px;
padding: 0;