CSS collision on topics tagged "list" breaks header

Bug
1

This CSS rule collides with an automatically added class “tag-list” on the body element on topics tagged with “list”.

.tag-list {
  margin-top: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid $primary-low;
}

This adds a 2em margin to the top of the header which looks pretty silly.
This reproduces on try.discourse.org.

image
image1908×393 32.8 KB

image
image1908×264 37.6 KB

This is the SCSS file responsible:

https://github.com/discourse/discourse/blob/master/app/assets/stylesheets/common/base/tagging.scss#L7

5 Likes
4

Will be fixed by:

https://github.com/discourse/discourse/commit/0d6578dc4df223ad7d15b604284857f378cfe8d6

Thanks for report.

8 Likes
6

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.