Skip to content

✨ [amp story] [page attachments] [Inline] header UI#33601

Merged
processprocess merged 26 commits intoampproject:masterfrom
processprocess:header-ui
Apr 2, 2021
Merged

✨ [amp story] [page attachments] [Inline] header UI#33601
processprocess merged 26 commits intoampproject:masterfrom
processprocess:header-ui

Conversation

@processprocess
Copy link
Copy Markdown
Contributor

@processprocess processprocess commented Apr 1, 2021

Context / Fixes #32764 & #32765

Inline attachments header UI updates.

  • Sticky header.
  • Drag bar on mobile.
  • Header displays on focus for assistive technology.
  • Fixes linked images in demo.

demo

Paste AMP.toggleExperiment('amp-story-page-attachment-ui-v2', true).
to turn on experiment and see feature.

Apr-02-2021 13-08-56

@amp-owners-bot
Copy link
Copy Markdown

amp-owners-bot bot commented Apr 1, 2021

Hey @gmajoulet, @newmuis, @Enriqe! These files were changed:

extensions/amp-story/1.0/amp-story-draggable-drawer-header.css
extensions/amp-story/1.0/amp-story-draggable-drawer.css
extensions/amp-story/1.0/amp-story-draggable-drawer.js
extensions/amp-story/1.0/amp-story-page-attachment.js

@processprocess processprocess requested review from newmuis and raxsha April 1, 2021 20:13
Copy link
Copy Markdown
Contributor

@mszylkowski mszylkowski left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nits

Copy link
Copy Markdown
Contributor

@mszylkowski mszylkowski left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, when merging the new implementation we can simplify the template and logic.

@processprocess processprocess merged commit 0a4f283 into ampproject:master Apr 2, 2021
@processprocess processprocess deleted the header-ui branch June 21, 2021 13:34
rochapablo pushed a commit to rochapablo/amphtml that referenced this pull request Aug 30, 2021
* RTL support.

* Border radius.

* Overflow text.

* Remove commented out code.

* Observer for header.

* Sticky header on mobile.

* Add whitespace in CSS

* Classname.

* Add comment.

* Refactor repeated code in experiment conditional.

* Template CSS.

* Update text styles.

* Close button styling.

* Sticky header on desktop.

* Show title and close on focus.

* rebase

* Remove listener variables.

* Remove commented out code.

* Update CSS comment.

* Revert localization service line placement.

* rebase

* Update template

* Remove commented out code.

* Remove poppins.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Page attachments] [Inline] Draggable UI bar at top

2 participants