{"action":"created","issue":{"url":"https://api.github.com/repos/laowantong/d3_stuff/issues/6","repository_url":"https://api.github.com/repos/laowantong/d3_stuff","labels_url":"https://api.github.com/repos/laowantong/d3_stuff/issues/6/labels{/name}","comments_url":"https://api.github.com/repos/laowantong/d3_stuff/issues/6/comments","events_url":"https://api.github.com/repos/laowantong/d3_stuff/issues/6/events","html_url":"https://github.com/laowantong/d3_stuff/issues/6","id":299945770,"number":6,"title":"Repenser la conception du menu","user":{"login":"johannchopin","id":31794680,"avatar_url":"https://avatars3.githubusercontent.com/u/31794680?v=4","gravatar_id":"","url":"https://api.github.com/users/johannchopin","html_url":"https://github.com/johannchopin","followers_url":"https://api.github.com/users/johannchopin/followers","following_url":"https://api.github.com/users/johannchopin/following{/other_user}","gists_url":"https://api.github.com/users/johannchopin/gists{/gist_id}","starred_url":"https://api.github.com/users/johannchopin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/johannchopin/subscriptions","organizations_url":"https://api.github.com/users/johannchopin/orgs","repos_url":"https://api.github.com/users/johannchopin/repos","events_url":"https://api.github.com/users/johannchopin/events{/privacy}","received_events_url":"https://api.github.com/users/johannchopin/received_events","type":"User","site_admin":false},"labels":[{"id":771181859,"url":"https://api.github.com/repos/laowantong/d3_stuff/labels/enhancement","name":"enhancement","color":"84b6eb","default":true},{"id":846921611,"url":"https://api.github.com/repos/laowantong/d3_stuff/labels/matrix","name":"matrix","color":"0e8a16","default":false},{"id":771181864,"url":"https://api.github.com/repos/laowantong/d3_stuff/labels/wontfix","name":"wontfix","color":"ffffff","default":true}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2018-02-24T14:43:35Z","updated_at":"2018-02-24T16:26:34Z","closed_at":null,"author_association":"COLLABORATOR","body":"En essayant de réaliser la version Matrix du site je suis vite tombé sur pas mal de restriction css au niveau du menu qui est généré automatiquement en svg.\r\n\r\n![screenshot-2018-2-24 screenshot 1](https://user-images.githubusercontent.com/31794680/36631217-7e794eb0-1974-11e8-83af-8a91a1b4554e.png)\r\n\r\nOn voit que le site est composé en deux parties, à droite une partie qui se doit être dynamique avec D3 et à gauche un menu fixe. Cependant je pense qu'il serait plus intéressant et pratique de recoder le menu en html au lieu de le générer en svg. Cela aurait pour avantage :\r\n\r\n1. de rendre le site plus rapide au chargement \r\n2. de designer le menu beaucoup plus simplement\r\n3. de produire une version mobile aisément \r\n4. d'éviter de calculer le décalage de la partie de droite lorsque l'on clique sur le burger (ce qui rendrait l'animation plus fluide)\r\n5. centrer le texte \"LICENCES DFHI-ISFATES\" qui cause tellement de mal 😆\r\n\r\nÉtant donné que D3 se redimensionne automatiquement dans l'espace qu'on lui laisse il sera très aisé d'avoir le rendu initial avec le menu codé uniquement en html. On pourrait utiliser pour disposer les éléments la technologie flexbox qui fonctionne sur chaque navigateurs. Que pensais vous de cette proposition ?"},"comment":{"url":"https://api.github.com/repos/laowantong/d3_stuff/issues/comments/368239933","html_url":"https://github.com/laowantong/d3_stuff/issues/6#issuecomment-368239933","issue_url":"https://api.github.com/repos/laowantong/d3_stuff/issues/6","id":368239933,"user":{"login":"laowantong","id":3048819,"avatar_url":"https://avatars0.githubusercontent.com/u/3048819?v=4","gravatar_id":"","url":"https://api.github.com/users/laowantong","html_url":"https://github.com/laowantong","followers_url":"https://api.github.com/users/laowantong/followers","following_url":"https://api.github.com/users/laowantong/following{/other_user}","gists_url":"https://api.github.com/users/laowantong/gists{/gist_id}","starred_url":"https://api.github.com/users/laowantong/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/laowantong/subscriptions","organizations_url":"https://api.github.com/users/laowantong/orgs","repos_url":"https://api.github.com/users/laowantong/repos","events_url":"https://api.github.com/users/laowantong/events{/privacy}","received_events_url":"https://api.github.com/users/laowantong/received_events","type":"User","site_admin":false},"created_at":"2018-02-24T16:26:34Z","updated_at":"2018-02-24T16:26:34Z","author_association":"OWNER","body":"C'est plus élégant de l'intégrer au tableau du point de vue de l'interaction. Je ne parlais pas de l'élégance du code, donc je n'ai pas d'_a priori_ sur l'intégration au SVG ou non. Si le comportement avec `flexbox` est le même est que tu es plus à l'aise, je ne demande qu'à être convaincu.\r\n\r\nCeci dit, c'est une idée bien distincte de celle de _Matrix_, donc crée déjà une branche `flexbox_panel` séparée dont le comportement serait le même qu'actuellement, et si ça marche on peut ajouter l'effet _Matrix_ dans une sous-branche.\r\n\r\nCeci dit, à la réflexion, je pense que cette version compliquera les calculs avec D3.js (puisque la largeur totale du tableau va changer), mais tu peux essayer."}}
{"actor":{"display_login":"laowantong"}}