Anomalie #1799
fermé
Cannot access tabs definition on some resolutions
Ajouté par Johan Cwiklinski il y a 10 mois. Mis à jour il y a 9 mois.
100%
Description
On some screen sizes, preferences tabs mays not all be visible:
On both examples, the last tab (Administrator) is missing.
Fichiers
| clipboard-202403042152-8jbhs.png (141 ko) clipboard-202403042152-8jbhs.png | Johan Cwiklinski, 04/03/2024 21:52 | ||
| clipboard-202403042152-exevy.png (58,8 ko) clipboard-202403042152-exevy.png | Johan Cwiklinski, 04/03/2024 21:52 | ||
| fui-wrapping-menu.png (18,5 ko) fui-wrapping-menu.png | Guillaume AGNIERAY, 05/03/2024 12:13 | ||
| css-overflow-x.png (16,1 ko) css-overflow-x.png | Guillaume AGNIERAY, 05/03/2024 12:13 | ||
| stacked_tabs.png (73,4 ko) stacked_tabs.png | Guillaume AGNIERAY, 05/03/2024 14:55 |
Mis à jour par Guillaume AGNIERAY il y a 10 mois
- Fichier fui-wrapping-menu.png fui-wrapping-menu.png ajouté
- Fichier css-overflow-x.png css-overflow-x.png ajouté
Several possible solutions here :
- Using the
wrappingclass (https://fomantic-ui.com/collections/menu.html#wrapping)
- Using custom CSS to control overflow-x and enable an horizontal scrollbar
- Using javascript to display left/right buttons like in Redmine :
https://www.redmine.org/attachments/14182
Mis à jour par Johan Cwiklinski il y a 10 mois
Guillaume AGNIERAY a écrit (#note-1):
Several possible solutions here :
- Using the
wrappingclass (https://fomantic-ui.com/collections/menu.html#wrapping)- Using custom CSS to control overflow-x and enable an horizontal scrollbar
- Using javascript to display left/right buttons like in Redmine :
https://www.redmine.org/attachments/14182
Hum... Thaks for the feedback.
First solution is the most "FUI" one, but 2nd solution seems quite good also; if not too complex.
Redmine like solution would work, but for their usage, tabs are integrated in menu for small screens; which is not (and won't) the case for Galette. A vertical scroll or a 2 lines display will be more easy to use on mobile than small buttons I guess.
My two cents ;)
What would you prefer?
Mis à jour par Guillaume AGNIERAY il y a 10 mois
- Fichier stacked_tabs.png stacked_tabs.png ajouté
Johan Cwiklinski a écrit (#note-2):
First solution is the most "FUI" one, but 2nd solution seems quite good also; if not too complex.
The 1st solution would just need a class added in the template.
The 2nd solution would just need a few lines of CSS ;)
Redmine like solution would work, but for their usage, tabs are integrated in menu for small screens; which is not (and won't) the case for Galette. A vertical scroll or a 2 lines display will be more easy to use on mobile than small buttons I guess.
On mobile, with FUI, tabs are stacked :
My two cents ;)
What would you prefer?
I think the most accessible one is the first solution.
Mis à jour par Johan Cwiklinski il y a 10 mois
Guillaume AGNIERAY a écrit (#note-3):
I think the most accessible one is the first solution.
It's OK for me :)
Mis à jour par Guillaume AGNIERAY il y a 10 mois
- Statut changé de Nouveau à Résolu
- % réalisé changé de 0 à 100
Appliqué par commit e6998fdb98ed458cdb9ba19aefbdfcad1bbd9d20.
Mis à jour par Johan Cwiklinski il y a 10 mois
- Catégorie mis à IHM
- Assigné à mis à Guillaume AGNIERAY
- Version cible mis à 1.1.0