menu
Tatoeba
language English
Register Log in
language English
menu
Tatoeba
Browse

chevron_right Show random sentence

chevron_right Browse by language

chevron_right Browse by list

chevron_right Browse by tag

chevron_right Browse audio

Community

chevron_right Wall

chevron_right List of all members

chevron_right Languages of members

chevron_right Native speakers

clear
{{language.name}} No language found.
swap_horiz
{{language.name}} No language found.
search
TRANG TRANG 19 days ago July 16, 2020 at 8:30 PM link Permalink

**Responsive search results**

I have deployed on the dev website an attempt at making the search results responsive and will need some feedback. If you have time, please visit the dev website from your smartphone/tablet and do some search. Also do check from your desktop that everything is still displayed properly.

https://dev.tatoeba.org

Note that the responsive version is only applied on the search results for non-authenticated users. If you are logged in, you will still see the search results in as a miniature of the desktop version.

Thank you for testing!

{{vm.hiddenReplies[35638] ? 'expand_more' : 'expand_less'}} hide replies show replies
CK CK 19 days ago July 17, 2020 at 4:05 AM link Permalink

Usually with responsive webpages, what's on the right goes underneath what's on the left on smaller screens.

The way you have it, what's on the right seems to totally disappear.

Here are some screenshots.


New Responsive Search Results on an iPod Touch
https://imgur.com/a/1UNnGnu

New Responsive Search Results on a DeskTop (MacOS Chrome)
https://imgur.com/a/J4ElyF5

{{vm.hiddenReplies[35640] ? 'expand_more' : 'expand_less'}} hide replies show replies
TRANG TRANG 15 days ago July 20, 2020 at 9:23 PM link Permalink

> The way you have it, what's on the right seems to totally disappear.

The sidebar is indeed hidden by default but it can be displayed by clicking the "more" icon (the three dots) on the right side of the search input.

From your iPod Touch screenshot, I can see that if the language name is too long (or if the width of the screen is too small), part of the UI will be cut off from the visible part of the screen. This becomes more obvious if you switch to a language that has a very long label, like "Português (Brazil)". The fact that the right side of the page part was not shown may have made you miss the button that opens the advanced search options. Or perhaps the icon is not obvious enough.

In any case, I deployed some additional changes to make the menu fit completely in small screens.

{{vm.hiddenReplies[35659] ? 'expand_more' : 'expand_less'}} hide replies show replies
CK CK 15 days ago July 21, 2020 at 1:32 AM link Permalink

I didn't notice those 3 dots. I wonder if others will.

1. https://imgur.com/a/1UNnGnu
They don't show on my iPod screen.

2. They didn't show on my desktop screen either. Of course, that's my fault, since I use Stylish to change colors so that tatoeba.org is easily readable for me.

I wish tatoeba.org would consider following some accessibility guidelines to help those who have trouble with low contrast colors.
https://github.com/Tatoeba/tatoeba2/issues/1164

I know it's hard for those who don't have this kind of vision problem to notice things like this.

{{vm.hiddenReplies[35660] ? 'expand_more' : 'expand_less'}} hide replies show replies
TRANG TRANG 14 days ago July 21, 2020 at 3:32 PM link Permalink

> 1. https://imgur.com/a/1UNnGnu
> They don't show on my iPod screen.

But do they show now? Your screenshots were taken before I deployed the additional changes.

> 2. They didn't show on my desktop screen either.

They are not supposed to be shown on desktop screen size.

> I wish tatoeba.org would consider following some accessibility guidelines
> to help those who have trouble with low contrast colors.

Please see my comment:
https://github.com/Tatoeba/tato...ment-408597172

MisterTrouser MisterTrouser 14 days ago July 22, 2020 at 4:01 AM link Permalink

Thank you Trang, for all your work!

{{vm.hiddenReplies[35662] ? 'expand_more' : 'expand_less'}} hide replies show replies
TRANG TRANG 13 days ago July 22, 2020 at 9:09 PM link Permalink

Thank you for your encouragement :)

TRANG TRANG 3 days ago August 1, 2020 at 8:33 PM link Permalink

There has been some new changes, most notably to make the access to the advanced search form on mobile more intuitive.

The changes have been deployed on the dev website:
https://dev.tatoeba.org/

If you have time, please test again and let me know if you are facing any other issue.

Thank you!

{{vm.hiddenReplies[35707] ? 'expand_more' : 'expand_less'}} hide replies show replies
driini driini yesterday August 3, 2020 at 8:48 PM link Permalink

I tried to check my private messages via my mobile. But I couldn't see any mail at the right side. It was cut off.

{{vm.hiddenReplies[35709] ? 'expand_more' : 'expand_less'}} hide replies show replies
TRANG TRANG 15 hours ago August 4, 2020 at 6:49 PM link Permalink

Could you upload a screenshot of what it looks like?

{{vm.hiddenReplies[35712] ? 'expand_more' : 'expand_less'}} hide replies show replies
driini driini 13 hours ago August 4, 2020 at 8:53 PM link Permalink

Sorry, I don't know where to upload it. I never did here.
Via dropbox? Should I create an URL? How?

{{vm.hiddenReplies[35713] ? 'expand_more' : 'expand_less'}} hide replies show replies
TRANG TRANG 13 hours ago August 4, 2020 at 8:58 PM link Permalink

There's no feature on Tatoeba to upload pictures, but there are many websites where you can upload.

As far as I'm concerned, I usually use imgur:
https://imgur.com/upload

{{vm.hiddenReplies[35714] ? 'expand_more' : 'expand_less'}} hide replies show replies
driini driini 12 hours ago August 4, 2020 at 10:01 PM link Permalink

https://imgur.com/a/9nyTx4s

{{vm.hiddenReplies[35715] ? 'expand_more' : 'expand_less'}} hide replies show replies
TRANG TRANG 12 hours ago August 4, 2020 at 10:28 PM link Permalink

What is your browser?

{{vm.hiddenReplies[35717] ? 'expand_more' : 'expand_less'}} hide replies show replies
driini driini 11 hours ago August 4, 2020 at 11:16 PM link Permalink

FirefoxLite