moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Chats: flip arrow icons in RTL

This commit is contained in:
Alex Gleason 2023-10-10 20:18:59 -05:00
parent ae63d37d78
commit e0f43986a7
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
7 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/features/chats/components/chat-page/components/chat-page-main.tsx
View File

@ -121,7 +121,7 @@ const ChatPageMain = () => {
<HStack alignItems='center'> <HStack alignItems='center'>
<IconButton <IconButton
src={require('@tabler/icons/arrow-left.svg')} src={require('@tabler/icons/arrow-left.svg')}
className='mr-2 h-7 w-7 sm:mr-0 sm:hidden' className='mr-2 h-7 w-7 rtl:rotate-180 sm:mr-0 sm:hidden'
onClick={() => history.push('/chats')} onClick={() => history.push('/chats')}
/> />

2
src/features/chats/components/chat-page/components/chat-page-new.tsx
View File

@ -24,7 +24,7 @@ const ChatPageNew: React.FC<IChatPageNew> = () => {
<HStack alignItems='center'> <HStack alignItems='center'>
<IconButton <IconButton
src={require('@tabler/icons/arrow-left.svg')} src={require('@tabler/icons/arrow-left.svg')}
className='mr-2 h-7 w-7 sm:mr-0 sm:hidden' className='mr-2 h-7 w-7 rtl:rotate-180 sm:mr-0 sm:hidden'
onClick={() => history.push('/chats')} onClick={() => history.push('/chats')}
/> />

2
src/features/chats/components/chat-page/components/chat-page-settings.tsx
View File

@ -51,7 +51,7 @@ const ChatPageSettings = () => {
<HStack alignItems='center'> <HStack alignItems='center'>
<IconButton <IconButton
src={require('@tabler/icons/arrow-left.svg')} src={require('@tabler/icons/arrow-left.svg')}
className='mr-2 h-7 w-7 sm:mr-0 sm:hidden' className='mr-2 h-7 w-7 rtl:rotate-180 sm:mr-0 sm:hidden'
onClick={() => history.push('/chats')} onClick={() => history.push('/chats')}
/> />

2
src/features/chats/components/chat-widget/chat-settings.tsx
View File

@ -96,7 +96,7 @@ const ChatSettings = () => {
<button onClick={closeSettings}> <button onClick={closeSettings}>
<Icon <Icon
src={require('@tabler/icons/arrow-left.svg')} src={require('@tabler/icons/arrow-left.svg')}
className='h-6 w-6 text-gray-600 dark:text-gray-400' className='h-6 w-6 text-gray-600 rtl:rotate-180 dark:text-gray-400'
/> />
</button> </button>

2
src/features/chats/components/chat-widget/chat-window.tsx
View File

@ -73,7 +73,7 @@ const ChatWindow = () => {
<button onClick={closeChat}> <button onClick={closeChat}>
<Icon <Icon
src={require('@tabler/icons/arrow-left.svg')} src={require('@tabler/icons/arrow-left.svg')}
className='h-6 w-6 text-gray-600 dark:text-gray-400' className='h-6 w-6 text-gray-600 rtl:rotate-180 dark:text-gray-400'
/> />
</button> </button>
)} )}

2
src/features/chats/components/chat-widget/headers/chat-search-header.tsx
View File

@ -27,7 +27,7 @@ const ChatSearchHeader = () => {
> >
<Icon <Icon
src={require('@tabler/icons/arrow-left.svg')} src={require('@tabler/icons/arrow-left.svg')}
className='h-6 w-6 text-gray-600 dark:text-gray-400' className='h-6 w-6 text-gray-600 rtl:rotate-180 dark:text-gray-400'
/> />
</button> </button>

2
src/features/groups/discover.tsx
View File

@ -37,7 +37,7 @@ const Discover: React.FC = () => {
{isSearching ? ( {isSearching ? (
<IconButton <IconButton
src={require('@tabler/icons/arrow-left.svg')} src={require('@tabler/icons/arrow-left.svg')}
iconClassName='mr-2 h-5 w-5 fill-current text-gray-600' iconClassName='mr-2 h-5 w-5 fill-current text-gray-600 rtl:rotate-180'
onClick={cancelSearch} onClick={cancelSearch}
data-testid='group-search-icon' data-testid='group-search-icon'
/> />