jdr-et-univers/pelican-jdr
1
0
Fork 0
Code Issues 7 Pull requests Projects Releases 5 Activity

Responsive design #234

New issue
Closed
opened 2023-02-07 09:39:03 +01:00 by kazhnuz · 3 comments
kazhnuz commented 2023-02-07 09:39:03 +01:00
Owner
Copy link

Faire que le table of content et la sidebar puissent facilement être togglable sur mobile.

  • Ajouter un toggle de la sidebar dans la barre du haut
  • Toggle out la sidebar si click sur un des router-link et que la taille de la fenêtre < lg
  • Sidebar à 100% de la fenêtre si fenêtre < lg
  • Supprimer les padding global si fenêtre < lg
  • ToC au dessus de l'article si fenêtre < lg
  • Bouton haut de page si fenêtre < lg
  • Scrolling sur les table si plus grande que la vue
Faire que le table of content et la sidebar puissent facilement être togglable sur mobile. - [ ] Ajouter un toggle de la sidebar dans la barre du haut - [ ] Toggle out la sidebar si click sur un des router-link et que la taille de la fenêtre < lg - [ ] Sidebar à 100% de la fenêtre si fenêtre < lg - [ ] Supprimer les padding global si fenêtre < lg - [ ] ToC au dessus de l'article si fenêtre < lg - [ ] Bouton haut de page si fenêtre < lg - [ ] Scrolling sur les table si plus grande que la vue
kazhnuz added this to the (deleted) milestone 2023-02-07 09:39:03 +01:00
kazhnuz added the
Type
Forme
Scope
Délivrable
Domain
Site
 labels 2023-02-07 09:39:03 +01:00
kazhnuz added this to the Site vueJS project 2023-02-07 09:39:03 +01:00
kazhnuz commented 2023-02-07 09:48:15 +01:00
Author
Owner
Copy link

-> Si taille trop petite, déplacement hors de l'écran de la sidebar et du toc. (modifie le left:npx ou le right:npx)
-> S'ils ont visible, se mettent en avant devant le contenu.
-> Les toggle ajoute à l'un le "visible" mais le retire à l'autre.
-> Animation via SCSS

-> Si taille trop petite, déplacement hors de l'écran de la sidebar et du toc. (modifie le `left:npx` ou le `right:npx`) -> S'ils ont visible, se mettent en avant devant le contenu. -> Les toggle ajoute à l'un le "visible" mais le retire à l'autre. -> Animation via SCSS
kazhnuz commented 2023-02-20 22:07:18 +01:00
Author
Owner
Copy link

-> Possibilité plus simple : juste faire disparaitre la sidebar ssi width < xs
-> https://stackoverflow.com/questions/47219272/how-can-i-use-window-size-in-vue-how-do-i-detect-the-soft-keyboard
-> https://codepen.io/sethdavis512/pen/EvNKWw

-> Possibilité plus simple : juste faire disparaitre la sidebar ssi width < xs -> https://stackoverflow.com/questions/47219272/how-can-i-use-window-size-in-vue-how-do-i-detect-the-soft-keyboard -> https://codepen.io/sethdavis512/pen/EvNKWw
kazhnuz commented 2024-07-02 16:49:20 +02:00
Author
Owner
Copy link

A voir parce qu sera un système complètement différent

A voir parce qu sera un système complètement différent
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
master
branche-inutiles
feat/power-and-classes
vue-version
inventaire
vue-remake
phosphorus
bestiaire
V2
port-2-4
stable
pelican-0.1.0
2.4.0
3.0.1
3.0.0
2.3.0
2.2.0
2.1.1
2.1.0
Labels
Clear labels   
0. Importé
  
Domain
Contenus
Tout ce qui concerne les contenus du bestiaires

  
Domain
Déploiement
Ce qui concerne le déploiement de l'application

  
Domain
Rules
Ce qui concerne les règles de base du bestiaire

  
Domain
Site
Tout ce qui concerne le code du site vueJS

  
Scope
Délivrable
Modification possible sur une échelle courte

  
Scope
Épique
Modification possible sur une échelle longue

  
Statut
A investiguer
Besoin de plus d'information

  
Statut
Doublon

  
Statut
En attente

  
Statut
En cours
Les issues en core d'implémentation

  
Statut
En préparation
Une préparation est en cours

  
Statut
Obsolète
Ticket plus valide

  
Statut
Prêt
Toutes les issues prêtes à commencé à être implementée

  
Type
Bug
Quelque chose n'est pas comme il faudrait.

  
Type
Fonctionnalité
Toutes les nouvelles fonctionnalités

  
Type
Forme
Tout ce qui concerne la mise en forme

  
Type
Organisation
Tout ce qui concerne l'organisation globale

  
Type
Rééquilibrage
Toute correction de soucis d'équilibrage dans le JDR

  
wontfix

This won't be fixed

No labels
0. Importé
Domain
Contenus
Domain
Déploiement
Domain
Rules
Domain
Site
Scope
Délivrable
Scope
Épique
Statut
A investiguer
Statut
Doublon
Statut
En attente
Statut
En cours
Statut
En préparation
Statut
Obsolète
Statut
Prêt
Type
Bug
Type
Fonctionnalité
Type
Forme
Type
Organisation
Type
Rééquilibrage
wontfix
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Site vueJS
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: jdr-et-univers/pelican-jdr#234
No description provided.
Delete branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?