Skip to content
This repository has been archived by the owner on Mar 8, 2023. It is now read-only.

change css layout for theme menu #33

Merged
merged 1 commit into from Jun 9, 2015
Merged

change css layout for theme menu #33

merged 1 commit into from Jun 9, 2015

Conversation

AudreyAltman
Copy link
Contributor

This changes the formatting of the theme menu on on exhibitions. It addresses issue #7818 https://issues.dp.la/issues/7818

This removes CSS formatting that requires theme menus to have an even number of items in order to render properly. It alters the css so that the menus will render responsively, creating rows of items based on the width of the browser window. The variable heights of the items (caused by different theme title lengths) will not adversely affect the layout.

@@ -627,7 +627,6 @@ line-height: 14px;
}
.thumbs-list li {
display: inline-block;
float: left;
Copy link
Contributor Author

Choose a reason for hiding this comment

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

This float property was overriding the natural behavior of display: inline-block, which produces the desired behavior.

@AudreyAltman
Copy link
Contributor Author

This branch has been deployed to staging for the purposes of reviewing this PR. You can see the theme menu in action here: http://staging.dp.la/exhibitions/exhibits/show/breadandroses

@anarchivist
Copy link
Contributor

Yay! Thanks @AudreyAltman.

anarchivist added a commit that referenced this pull request Jun 9, 2015
change css layout for theme menu
@anarchivist anarchivist merged commit b4899f7 into develop Jun 9, 2015
@anarchivist anarchivist deleted the 7818-theme-menu branch June 9, 2015 13:11
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants