plugins-nextcloud-mirror/spreed
1
0
Fork 0
mirror of https://github.com/nextcloud/spreed.git synced 2025-12-18 05:20:50 +01:00
Code Projects Releases Activity

fix: inverse icons when it is RTL

Browse source 
Signed-off-by: Dorra Jaouad <dorra.jaoued7@gmail.com>
This commit is contained in:
Dorra Jaouad 2025-01-17 15:45:19 +01:00
parent f1343eecff
commit 701ddeed58
2 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
css/icons.css
View file

@ -145,6 +145,11 @@ body[data-theme-dark] .mention-bubble .icon-mail-forced-white.mention-bubble__ic
background-color: #3B3B3B;
}
/* Invert the icon direction */
body[dir="rtl"] .bidirectional-icon {
transform: scaleX(-1);
}
.user-bubble__avatar .icon-group-forced-white.avatar-class-icon,
.user-bubble__avatar .icon-user-forced-white.avatar-class-icon,
.user-bubble__avatar .icon-mail-forced-white.avatar-class-icon,

2
src/components/RightSidebar/RightSidebar.vue
View file

@ -35,7 +35,7 @@
:title="t('spreed', 'Back')"
@click="showSearchMessagesTab = false">
<template #icon>
<IconArrowLeft :size="20" />
<IconArrowLeft class="bidirectional-icon" :size="20" />
</template>
</NcButton>
</template>