Skip to content
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.

Sign up for GitHub

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

Jump to bottom

ClayCard User image #390

Closed
carloslancha opened this issue Dec 5, 2017 · 1 comment
Closed

ClayCard User image #390

carloslancha opened this issue Dec 5, 2017 · 1 comment
Labels
2.x

Comments

@carloslancha
Copy link
Contributor

We need an example and the markup to create an Sticker with an image inside like in the following mockup:

captura de pantalla 2017-12-05 a las 2 57 39
@pat270 pat270 added 2.x comp: documentation Issues related to documentation in general, be clayui.com or other means... labels Dec 5, 2017
@carloslancha
Copy link
Contributor Author

Hey @pat270 we're having some issues when image used is not square.

captura de pantalla 2017-12-11 a las 13 29 32

@carloslancha carloslancha mentioned this issue Dec 11, 2017
Merged
@pat270 pat270 removed the comp: documentation Issues related to documentation in general, be clayui.com or other means... label Dec 12, 2017
pat270 added a commit that referenced this issue Dec 13, 2017
@pat270
Update: (#390) Card Type Asset with user icon inside aspect ratio sho…
119e679 
…uld use `overflow: hidden` to style rounded borders
pat270 added a commit that referenced this issue Dec 13, 2017
@pat270
Site: (#390) Card Type Asset add examples of different size images fo…
2088755 
…r User Card
pat270 added a commit that referenced this issue Dec 13, 2017
@pat270
New: (Fixes #390) Sticker added utility classes .user-icon, `.stick…
e0337d1 
…er-img` and option to configure `$user-icon-border-radius`. General use case for `.sticker-img` is inside `.sticker-overlay`.

Breaking: Sticker removed references to `.img-fluid` use `.sticker-img` instead

Breaking: Markup for creating user icons has changed:
<span class="sticker sticker-secondary user-icon">
  <span class="sticker-overlay">
    <img class="sticker-img">

Update: Card Type Asset added support for new `.sticker.user-icon` markup
@pat270 pat270 closed this as completed in a107a2f Dec 25, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
2.x
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@pat270 @carloslancha