me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix glitch-soc high color privacy icons

Browse source
This commit is contained in:
Claire 2024-01-13 23:52:10 +01:00
parent e227e959f7
commit e2ba5f6e35
2 changed files with 9 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/javascript/flavours/glitch/components/visibility_icon.tsx
View file

@ -57,6 +57,7 @@ export const VisibilityIcon: React.FC<{ visibility: Visibility }> = ({
id={visibilityIcon.icon}
icon={visibilityIcon.iconComponent}
title={visibilityIcon.text}
className={'status__visibility-icon'}
/>
);
};

16
app/javascript/flavours/glitch/styles/accessibility.scss
View file

@ -16,23 +16,23 @@ $emojis-requiring-inversion: 'back' 'copyright' 'curly_loop' 'currency_exchange'
}
.hicolor-privacy-icons {
.status__visibility-icon.fa-globe,
.privacy-dropdown__option .fa-globe {
.status__visibility-icon.icon-globe,
.privacy-dropdown__option .icon-globe {
color: #1976d2;
}
.status__visibility-icon.fa-unlock,
.privacy-dropdown__option .fa-unlock {
.status__visibility-icon.icon-unlock,
.privacy-dropdown__option .icon-unlock {
color: #388e3c;
}
.status__visibility-icon.fa-lock,
.privacy-dropdown__option .fa-lock {
.status__visibility-icon.icon-lock,
.privacy-dropdown__option .icon-lock {
color: #ffa000;
}
.status__visibility-icon.fa-envelope,
.privacy-dropdown__option .fa-envelope {
.status__visibility-icon.icon-envelope,
.privacy-dropdown__option .icon-envelope {
color: #d32f2f;
}
}