Projet

Général

Profil

Development #9879

fixer les barres latérales quand on scrolle dans la page

Ajouté par Thomas Noël il y a environ 8 ans. Mis à jour il y a environ 8 ans.

Statut:
Fermé
Priorité:
Normal
Assigné à:
Version cible:
Début:
05 février 2016
Echéance:
% réalisé:

0%

Temps estimé:
Patch proposed:
Non
Planning:

Description

Cf vidéo jointe pour expliquer l'effet recherché.

C'est principalement quelque chose d'intéressant lors de l'analyse d'une demande d'un usager, de faire en sorte que la barre latérale à droite reste fixe (on y voit le "contexte" de la demande, par exemple les autres demandes en relation, c-a-d un peu de vue 360 sur l'usager).

Sur d'autres écrans comme les ateliers de workflows ou de formulaires, ça pourrait aussi être pertinent.

Mais la priorité serait donc w.c.s. backoffice, sur le traitement d'une demande.

(Techniquement, je ne sais pas faire -- la vidéo se base sur un hack css qui ne marche pas en vrai, overflow-y:auto;heigth:100hv)


Fichiers

out.ogv (962 ko) out.ogv Thomas Noël, 05 février 2016 11:37
0001-backoffice-keep-sidebar-sticky-9879.patch (2,14 ko) 0001-backoffice-keep-sidebar-sticky-9879.patch Frédéric Péters, 05 février 2016 14:51
0001-backoffice-keep-sidebar-sticky-9879.patch (2,21 ko) 0001-backoffice-keep-sidebar-sticky-9879.patch Frédéric Péters, 10 février 2016 16:37

Historique

#1

Mis à jour par Benjamin Dauvergne il y a environ 8 ans

Mouais, le problème c'est que la barre de droite déborde déjà (ok c'est un test personne n'aura autant de formulaires en cours), soit elle est fixe et ne dépasse pas, soit elle n'est pas fixe, mais 2 barre de défilement dans la même page c'est trop.

#2

Mis à jour par Frédéric Péters il y a environ 8 ans

Je suis d'accord avec le commentaire de Benjamin mais je pense aussi qu'on ne devrait pas avoir d'écran où la barre latérale est plus haute que l'écran. (sauf cas extrème de petit écran et usager avec beaucoup de demandes en attente). Aussi il faudrait pour moi que ça s'applique à tous les écrans, pas uniquement la vue de traitement d'un formulaire (par contre la gestion de la barre latérale est assez différente entre w.c.s. et gadjo, mais à part en combo portail agent où il y a moyen d'avoir la barre je n'ai pas d'interface en tête où on l'utilise).

Techniquement, en approximation, à div#sidebar, ajouter : height: calc(100vh - 100px); position: fixed; right: 0; overflow: auto; Mais ce serait sans doute mieux de basculer sur ce mode uniquement après avoir scrollé suffisamment, histoire de ne pas avoir 100 pixels "vides" en haut de l'écran une fois le header passé; je vais tester des trucs.

#5

Mis à jour par Thomas Noël il y a environ 8 ans

Ack

#6

Mis à jour par Thomas Noël il y a environ 8 ans

  • Projet changé de Publik à w.c.s.
  • Statut changé de Nouveau à Résolu (à déployer)
  • Assigné à mis à Frédéric Péters
  • Version cible mis à v1.33
commit 4a0defb67372615db80d0e1a3af137a7dfd57af7
Author: Frédéric Péters <fpeters@entrouvert.com>
Date:   Fri Feb 5 14:50:33 2016 +0100

    backoffice: keep sidebar sticky (#9879)

#7

Mis à jour par Thomas Noël il y a environ 8 ans

  • Statut changé de Résolu (à déployer) à Solution déployée

Formats disponibles : Atom PDF