Discussion sur la largeur de la page "tableau de bord" et "Scène"

Salut à tous,

Suite à un retour de @Prof_Techno sur la largeur de la vue « Scène », j’aimerais proposer des changements sur la largeur maximale de la vue « Scène » et du « Tableau de bord », car ces écrans ne supportent actuellement pas très bien les grands écrans :slight_smile:

L’idée est de permettre une utilisation plus large de l’écran sur les grands écrans (>1280px de largeur).

J’aimerais proposer les changements suivants (avant/après) :

Si vous utilisez Gladys Plus, vous pouvez tester chez vous avec ce lien:

https://larger-container-scene-dashb.gladys-plus.pages.dev

La PR :

Qu’en pensez-vous ?

J’ai testé et ça rend vraiment bien sur grand écran :slight_smile:
J’ai pas trouvé de bug pour le moment

1 « J'aime »

super nouvelle !! cela m’évitera de bidouiller le css quand je travail sur les scènes

1 « J'aime »

Pour ma part je viens de tester et je suis plutot mitigé

Dans le principe c’est super cool car on exploite bien la largeur de tout l’écran mais avec une grande résolution (3440x1440) les widgets sont aplatis et je trouve que le rendu n’est pas top et franchement j’aime pas

Voila des exemples:

image

Si on fait une comparaison entre les 2 versions on perd en affichage sur la hauteur et on perd la cohérence entre le menu et l’alignement des widgets

Bon après, c’est rare que Gladys soit en plein écran sur mon pc, une bonne partie du temps quand j’utilise Gladys c’est sur mon téléphone où sur une tablette…mais si je devait choisir aujourd’hui je garde l’ancienne version car je préfère que tout soit bien aligné avec des bonnes proportions que d’élargir les wigdets juste pour combler le vide

Effectivement, dans ton cas, ce n’est vraiment pas beau. Je pense qu’il faudrait mettre un plafond de largeur pour que ça ne paraisse pas aplati sur les écrans ultra-larges.

Une sorte d’entre-deux entre la configuration actuelle et la « largeur à 100% ».

Actuellement, on est à 1200px de largeur max, je pense qu’on pourrait augmenter à 1600-2000px (à tester).

Tu peux tester à partir de quand ça fait vraiment trop aplati ?

Sur ton navigateur, en ouvrant l’inspecteur, il y a un outil pour tester le responsive :

Je veux bien ton retour sur la vue scène aussi !

Je regarde ce soir quand je serais chez moi

Est-ce qu’il serait possible de différencier la partie conception de scène, du tableau de bord ?

Et si l’écran est très large, on pourrait peut-être prévoir une quatrième colonne, voire davantage si nécessaire pour les tableau de bord ?

C’est possible, sinon pour les scènes on pourrait même avoir un bouton « étendre l’écran » comme fait Notion par exemple

Pour les colonnes sur le tableau de bord, le souci c’est que si on met 4 colonnes, ça devient illisible sur un petit écran.

2 « J'aime »

Voilà le tableau de bord a 2000px

a 2200px

a 2400px

a 2600px

Pour moi 2000px on est pas mal.

On peut voir aussi qu’il y a une difference sur l’alignement du texte à gauche

Pour les scènes voilà le rendu sur toute la largeur

Perso je trouve que cela fait gros par rapport à la taille du menu au dessus.
Les boutons Dupliquer / Supprimer en haut à droite et les boutons Démarrer / Sauvegarder en dessous se serait peut-être mieux si les boutons du bas serait aligner aussi sur la droite.

Un bouton pour étendre l’affchage me parait bien

2 « J'aime »

Super nouvelle ce travail. Cela fait des annees qu’on en parlait, je suis donc pleinement convaincu sur la necessité.

  1. Le bandeau haut devrait egalement suivre l’elargissement, en l’etat, le rendu choque.

  2. pour moi c’est parfait, que ce soit en 1920 ou en 3440, je trouve ca beaucoup plus agreable, et effectivement certains widget ne sont peut etre pas encore adaptés, et il faut peut etre revoir chaque presentation de widget, mais c’est tellement mieux pour la plupart.

  3. il faudrait par contre laisser un petit bandeau a gauche et a droite je trouve.

Sinon, tres content que tu prennes le temps pour ce travail.

De mes recherches, ce n’était pas la best practice, mais je peux creuser plus !

Je pense que je vais reproposer une version entre ce qu’on a actuellement en production (max-width: 1200px) et ma proposition du début de ce post (max-width: 100%), par exemple un max-width: 1800px ou 2000px.

Ce sera un premier pas !

3 « J'aime »

Alors personnellement j’ai ca

et je n’ai changer qu’un seul parametre :

image

dans cette ligne

image

je suis passé a 90 % mais 95 % le fait aussi

1 « J'aime »