search

ampproject / ampstart

AMP Start source code and templates .
https://ampstart.com/
Apache License 2.0
418 stars 151 forks source link

[Gallery - Sidebar] The avatar and > are misaligned #710

Closed spacedino closed 7 years ago

spacedino commented 7 years ago

Current The section for "5 Geo Breakfast / Terra Morales" sticks out farther to the left and the > gets cut off by the side bar.

img_98431

Should be All sections and spacing should match. Ideally the > 's and avatars will be left aligned to accommodate for different text lengths.

We could either shorten the text or make sure the margin is responsive for the sidebar container. @camelburrito what do you think is the best way to fix this?

bentranter commented 7 years ago

This is caused by the rule,

amp-sidebar {
  ...
  max-width: 80vw!important;
  ...
}

in the Sidebar components stylesheet. I don't think I can override this, so we could either decrease the left margin, make the text smaller/shorter, or some other workaround.

camelburrito commented 7 years ago

make the sidebar content box and add padding should get you there.

bentranter commented 7 years ago

Cool, I'll try that