{"action":"created","issue":{"url":"https://api.github.com/repos/Automattic/amp-wp/issues/1564","repository_url":"https://api.github.com/repos/Automattic/amp-wp","labels_url":"https://api.github.com/repos/Automattic/amp-wp/issues/1564/labels{/name}","comments_url":"https://api.github.com/repos/Automattic/amp-wp/issues/1564/comments","events_url":"https://api.github.com/repos/Automattic/amp-wp/issues/1564/events","html_url":"https://github.com/Automattic/amp-wp/issues/1564","id":375310507,"node_id":"MDU6SXNzdWUzNzUzMTA1MDc=","number":1564,"title":"Improve Layer Manipulation ","user":{"login":"alcurrie","id":18579988,"node_id":"MDQ6VXNlcjE4NTc5OTg4","avatar_url":"https://avatars3.githubusercontent.com/u/18579988?v=4","gravatar_id":"","url":"https://api.github.com/users/alcurrie","html_url":"https://github.com/alcurrie","followers_url":"https://api.github.com/users/alcurrie/followers","following_url":"https://api.github.com/users/alcurrie/following{/other_user}","gists_url":"https://api.github.com/users/alcurrie/gists{/gist_id}","starred_url":"https://api.github.com/users/alcurrie/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/alcurrie/subscriptions","organizations_url":"https://api.github.com/users/alcurrie/orgs","repos_url":"https://api.github.com/users/alcurrie/repos","events_url":"https://api.github.com/users/alcurrie/events{/privacy}","received_events_url":"https://api.github.com/users/alcurrie/received_events","type":"User","site_admin":false},"labels":[{"id":1079740374,"node_id":"MDU6TGFiZWwxMDc5NzQwMzc0","url":"https://api.github.com/repos/Automattic/amp-wp/labels/AMP-Stories","name":"AMP-Stories","color":"2b36c6","default":false},{"id":1102025970,"node_id":"MDU6TGFiZWwxMTAyMDI1OTcw","url":"https://api.github.com/repos/Automattic/amp-wp/labels/AMP-Stories-Extension","name":"AMP-Stories-Extension","color":"0ad6d6","default":false},{"id":1113192896,"node_id":"MDU6TGFiZWwxMTEzMTkyODk2","url":"https://api.github.com/repos/Automattic/amp-wp/labels/BE","name":"BE","color":"c49d3a","default":false},{"id":1113192382,"node_id":"MDU6TGFiZWwxMTEzMTkyMzgy","url":"https://api.github.com/repos/Automattic/amp-wp/labels/FE","name":"FE","color":"ef8f97","default":false},{"id":1104290966,"node_id":"MDU6TGFiZWwxMTA0MjkwOTY2","url":"https://api.github.com/repos/Automattic/amp-wp/labels/UX-feedback","name":"UX-feedback","color":"87e59b","default":false}],"state":"open","locked":false,"assignee":{"login":"mehigh","id":367593,"node_id":"MDQ6VXNlcjM2NzU5Mw==","avatar_url":"https://avatars0.githubusercontent.com/u/367593?v=4","gravatar_id":"","url":"https://api.github.com/users/mehigh","html_url":"https://github.com/mehigh","followers_url":"https://api.github.com/users/mehigh/followers","following_url":"https://api.github.com/users/mehigh/following{/other_user}","gists_url":"https://api.github.com/users/mehigh/gists{/gist_id}","starred_url":"https://api.github.com/users/mehigh/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mehigh/subscriptions","organizations_url":"https://api.github.com/users/mehigh/orgs","repos_url":"https://api.github.com/users/mehigh/repos","events_url":"https://api.github.com/users/mehigh/events{/privacy}","received_events_url":"https://api.github.com/users/mehigh/received_events","type":"User","site_admin":false},"assignees":[{"login":"mehigh","id":367593,"node_id":"MDQ6VXNlcjM2NzU5Mw==","avatar_url":"https://avatars0.githubusercontent.com/u/367593?v=4","gravatar_id":"","url":"https://api.github.com/users/mehigh","html_url":"https://github.com/mehigh","followers_url":"https://api.github.com/users/mehigh/followers","following_url":"https://api.github.com/users/mehigh/following{/other_user}","gists_url":"https://api.github.com/users/mehigh/gists{/gist_id}","starred_url":"https://api.github.com/users/mehigh/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mehigh/subscriptions","organizations_url":"https://api.github.com/users/mehigh/orgs","repos_url":"https://api.github.com/users/mehigh/repos","events_url":"https://api.github.com/users/mehigh/events{/privacy}","received_events_url":"https://api.github.com/users/mehigh/received_events","type":"User","site_admin":false},{"login":"miina","id":3294597,"node_id":"MDQ6VXNlcjMyOTQ1OTc=","avatar_url":"https://avatars1.githubusercontent.com/u/3294597?v=4","gravatar_id":"","url":"https://api.github.com/users/miina","html_url":"https://github.com/miina","followers_url":"https://api.github.com/users/miina/followers","following_url":"https://api.github.com/users/miina/following{/other_user}","gists_url":"https://api.github.com/users/miina/gists{/gist_id}","starred_url":"https://api.github.com/users/miina/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/miina/subscriptions","organizations_url":"https://api.github.com/users/miina/orgs","repos_url":"https://api.github.com/users/miina/repos","events_url":"https://api.github.com/users/miina/events{/privacy}","received_events_url":"https://api.github.com/users/miina/received_events","type":"User","site_admin":false}],"milestone":null,"comments":26,"created_at":"2018-10-30T03:59:29Z","updated_at":"2018-11-23T13:47:10Z","closed_at":null,"author_association":"COLLABORATOR","body":"**As an AMP story author, I'd like an improved user experience for manipulating layers**\r\n- [ ]  _AC1:_  Refine the ability to move layers forward and back\r\n   - [ ]  _AC2:_ Make the selected state for the layer more visible: \r\n     - Expanded block navigation is expanded by default\r\n     -   User can select the layer in  the Block Navigation\r\n     - When selected the layer name is highlighted in the block navigation\r\n     - In the Story page interface when a layer is selected blue keyline displays around the layer\r\n     - Include the name of the layer as a label on the top right i.e Page > Thirds Layer \r\n     -  arrow interface shows overlaying the left side of the selector keyline. \r\n<img width=\"1800\" alt=\"updated_layermanipulation_1564\" src=\"https://user-images.githubusercontent.com/18579988/48850444-af6ed400-ed76-11e8-9ea3-a5dd2d0d2a61.png\">\r\n\r\n- [ ] _AC3:_  Ideally allow the author to move layers up and down by  re-using  the block reordering controls  ~and also by dragging the block layer cards.~  \r\n   - [ ]  _AC4:_ Within the Block navigation or in the AMP Story interface when the user selects the block, the arrows are persistent and display while the block is selected (not just on hover) and when the user  clicks/taps on the up arrow  the block moves forward (towards the top of the stack) and when the user  clicks/taps on the down arrow  the block moves  back (towards the bottom of the stack ie. toward background layer)\r\n   - [ ]  _AC5:_ Within the Block navigation or in the AMP Story interface when the user selects a layer or the story page, the up/down arrow icons display the arrows are persistent and display while the layer or story is selected (not just on hover) and when the user  clicks/taps on the up arrow  the block moves forward (towards the top of the stack) and when the user  clicks/taps on the down arrow  the block moves  back (towards the bottom of the stack ie. toward background layer)\r\n   - [ ]  _AC6:_ When the parent element moves all child elements move with it. So if a layer moves forward/back  all child elements (block elements) within that layer move as well. Also, if a story page moves forward/back all child elements (layer and their block elements) within that story page move as well.\r\n   - [ ] _AC7:_ Hovering on the up arrow shows a tool tip 'Bring forward' and hovering on the down arrow shows a tool tip 'Move back'\r\n\r\n\r\nRelated to: #1531 #1532 #1541 #1559 #1560 #1562 #1563 \r\n\r\n"},"comment":{"url":"https://api.github.com/repos/Automattic/amp-wp/issues/comments/441245298","html_url":"https://github.com/Automattic/amp-wp/issues/1564#issuecomment-441245298","issue_url":"https://api.github.com/repos/Automattic/amp-wp/issues/1564","id":441245298,"node_id":"MDEyOklzc3VlQ29tbWVudDQ0MTI0NTI5OA==","user":{"login":"mehigh","id":367593,"node_id":"MDQ6VXNlcjM2NzU5Mw==","avatar_url":"https://avatars0.githubusercontent.com/u/367593?v=4","gravatar_id":"","url":"https://api.github.com/users/mehigh","html_url":"https://github.com/mehigh","followers_url":"https://api.github.com/users/mehigh/followers","following_url":"https://api.github.com/users/mehigh/following{/other_user}","gists_url":"https://api.github.com/users/mehigh/gists{/gist_id}","starred_url":"https://api.github.com/users/mehigh/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mehigh/subscriptions","organizations_url":"https://api.github.com/users/mehigh/orgs","repos_url":"https://api.github.com/users/mehigh/repos","events_url":"https://api.github.com/users/mehigh/events{/privacy}","received_events_url":"https://api.github.com/users/mehigh/received_events","type":"User","site_admin":false},"created_at":"2018-11-23T13:47:10Z","updated_at":"2018-11-23T13:47:10Z","author_association":"COLLABORATOR","body":"The styling looks like this: http://cloud.urldocs.com/e1a46fd70c3e\r\nIt maintains the label looks which were normally added by Gutenberg while hovered.\r\nThe label disappears when the user selects an element inside of the layer and stays visible while the direct layer is selected."}}
{"actor":{"display_login":"mehigh"}}