erik/mastodon
1
0
Fork 0
mirror of https://github.com/mastodon/mastodon.git synced 2024-08-20 21:08:15 -07:00
Code Issues Projects Releases Wiki Activity

Change selected items style in 'add or remove from lists' popover

Browse source
This commit is contained in:
EduardoSCosta 2023-04-04 18:04:13 -03:00 committed by EduardoSCosta
parent d4e094987e
commit 72baea61ed
2 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/javascript/mastodon/features/list_adder/components/list.jsx
View file

@ -55,7 +55,7 @@ class List extends ImmutablePureComponent {
} }
return ( return (
<div className='list'> <div className={`list ${added ? 'remove' : ''}`}>
<div className='list__wrapper'> <div className='list__wrapper'>
<div className='list__display-name'> <div className='list__display-name'>
<Icon id='list-ul' icon={ListAltIcon} className='column-link__icon' /> <Icon id='list-ul' icon={ListAltIcon} className='column-link__icon' />

15
app/javascript/styles/mastodon/components.scss
View file

@ -7741,6 +7741,21 @@ noscript {
.list { .list {
padding: 10px; padding: 10px;
border-bottom: 1px solid var(--background-border-color); border-bottom: 1px solid var(--background-border-color);
&.remove {
background-color: lighten($ui-base-color, 26%);
& .list__wrapper .account__relationship .icon-button {
color: darken($action-button-color, 10%);
&:hover,
&:active,
&:focus {
color: darken($action-button-color, 17%);
background-color: rgba($ui-base-color, 0.15);
}
}
}
} }
.list__wrapper { .list__wrapper {