Minor CSS fix (#4120)

Co-authored-by: Asaad Mahmood <asaadmahmood@users.noreply.github.com>
Fixes https://github.com/mattermost/focalboard/issues/3881
This commit is contained in:
Rajat Dabade 2022-11-08 20:40:05 +05:30 committed by GitHub
parent 18d3978b82
commit f5e8f4f82d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 20 additions and 2 deletions

View file

@ -94,7 +94,7 @@
min-height: 32px;
.Switch {
margin-left: 8px;
margin: 4px 0 0 8px;
width: 40px;
height: 24px;
box-sizing: border-box;

View file

@ -39,13 +39,20 @@
}
.react-select__value-container--is-multi {
gap: 4px;
display: inline-flex;
.react-select__multi-value__label {
padding-left: 4px;
}
.react-select__multi-value {
background: rgba(var(--center-channel-color-rgb), 0.08);
border-radius: 24px;
display: inline-flex;
color: rgb(var(--center-channel-color-rgb));
margin: 0;
align-items: center;
.MultiPerson-item,
.react-select__multi-value__label {
@ -59,6 +66,13 @@
color: rgba(var(--center-channel-color-rgb), 0.56);
margin: 6px;
border-radius: 100%;
margin-left: 0;
padding: 0;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
&:hover {
background: rgba(var(--center-channel-color-rgb), 0.26);

View file

@ -23,6 +23,10 @@
}
}
.react-select__input {
margin-left: -5px !important;
}
.react-select__menu {
background: rgba(var(--center-channel-bg-rgb), 1);
box-shadow: var(--elevation-4);
@ -41,7 +45,7 @@
display: flex;
align-items: center;
height: 40px;
padding: 0 40px 0 20px;
padding: 0 40px 0 10px;
&:hover {
background: rgba(var(--center-channel-color-rgb), 0.08);