search

BuddhaNexus / buddhanexus-frontend

[DEPRECATED] The First version of the Frontend for BuddhaNexus. https://buddhanexus.net/
4 stars 1 forks source link

409 radio buttons responsive #420

Closed ayya-vimala closed 3 years ago

ayya-vimala commented 3 years ago

This might be the best alternative to https://github.com/BuddhaNexus/buddhanexus-frontend/pull/410 also for Orna. It makes it responsive in that if the screen width comes under a certain value, you get the dropdown box and otherwise you get the radio buttons. So the behavior is that for a certain screen width it is possible that for the Tibetan you see radio buttons and for the pali you see a dropdown.

sebastian-nehrdich commented 3 years ago

I am testing this on my Laptop with 1440px screen width and I only see the dropdown menu but not the radio buttons. Maybe there is a bug still happening? I am on the 409-radio-buttons branch...

ayya-vimala commented 3 years ago

It depends on the language as well as the size of the screen. If you have a wide screen you see the radio buttons in all languages. If at any given time the screen becomes too small to show the whole header info on one line, it drops the radio buttons and becomes a dropdown. then if the screen becomes even smaller it changes sizes and margins to keep it all on one line. Only somewhere below 900 would you then get 2 lines header again.

ayya-vimala commented 3 years ago

The radio buttons disappear at screensize 1380px for Pali, 1280px for Chinese, 1180px for Sanskrit, 1340px for Tibetan and 1480px for multi. These sizes are calculated based on the table view as this is the biggest header available. We can also change the sizes if you like for a specific language but then you will always get a 2-line header for at least table-view.

ayya-vimala commented 3 years ago

For Tibetan and Multi the sizes are rather big for the sole reason that we have the transliteration buttons in the header. If you drop those you can go down to around 1180px too.

ayya-vimala commented 3 years ago

On second thought ... I think you have the wrong branch. You need the 409-radio-buttons-responsive branch.