-
Notifications
You must be signed in to change notification settings - Fork 88
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Better layout for bg and theme selectors using flex #1448
Conversation
f5b6760
to
758be15
Compare
Nice suggestion @rbovard. And it will make it easier to customize (no HTML changes) if you want the text below the image like it's done in 1.6. |
90a84ed
to
4cbc658
Compare
@rbovard suggestion taken into account.
Enjoy and review please. Démos: |
I enjoyed! Thanks for this nice work :) |
4cbc658
to
31c76a1
Compare
} | ||
display: flex; | ||
align-items: center; | ||
min-height: 30px; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Why px here ?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Because the thumbnails are images. The size of the images are given in pixels. This value prevents the blank background layer to be displayed with a completely different layout.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
By the way, this min-height
should go into .gmf-thumbnail
.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Because the thumbnails are images. The size of the images are given in pixels. This value prevents the blank background layer to be displayed with a completely different layout.
No relation about using px
or rem
, and the image is 60px
height...
Only one question. Then it's ready to merge IMO. |
Just don't forget to relate this PR to an issue. |
31c76a1
to
f24a2d3
Compare
Comments taken into account. Merging. Thanks for the reviews. |
Title says it all.
Démo: http://pgiraud.github.io/ngeo/selectors_layout/examples/contribs/gmf/apps/desktop/