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

MM-54723 - Updating btn icon sizes (#24679)

Browse Source
This commit is contained in:
Asaad Mahmood 2023-10-05 13:10:51 +05:00 committed by GitHub
parent 5f0aac70ac
commit 5b25519890
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
webapp/channels/src/sass/components/_buttons.scss
View File

@ -52,7 +52,6 @@ button {
padding: 0;
background-color: transparent;
color: rgba(var(--center-channel-color-rgb), 0.56);
font-size: 24px;
&:hover {
background-color: rgba(var(--center-channel-color-rgb), 0.08);
@ -66,40 +65,49 @@ button {
}
i {
font-size: inherit;
font-size: 24px;
}
&.btn-xs {
width: 24px;
height: 24px;
font-size: 14.4px;
&.btn-compact {
width: 20px;
height: 20px;
}
i {
font-size: 14.4px;
}
}
&.btn-sm {
width: 32px;
height: 32px;
font-size: 18px;
&.btn-compact {
width: 28px;
height: 28px;
}
i {
font-size: 18px;
}
}
&.btn-lg {
width: 48px;
height: 48px;
font-size: 31.2px;
&.btn-compact {
width: 36px;
height: 36px;
}
i {
font-size: 31.2px;
}
}
}