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.

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

[api] Make image template page look amazing!! #2380

Merged
merged 1 commit into from Nov 28, 2016
Merged

[api] Make image template page look amazing!! #2380

merged 1 commit into from Nov 28, 2016

Conversation

Ana06
Copy link
Member

@Ana06 Ana06 commented Nov 25, 2016

Style changes in the image template page:

  • Show more test from the name and description.
  • Do not hide any word of the name/description because it is too long.
  • ... is shown when the name/description is too long (if the browser supports it).
  • Project name in bold.
  • Reduce top padding for title.

Now it looks amazing!! :bowtie:

Before:

image

Now:

Chromium

image

Firefox

image

@bgeuken
Copy link
Member

bgeuken commented Nov 25, 2016

Nice work

word-break: break-all

/* Non standard for webkit */
word-break: break-word
Copy link
Member

Choose a reason for hiding this comment

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

Doesn't this line overwrite the previous one?

Copy link
Member

Choose a reason for hiding this comment

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

only if the browser understands it - i.e. webkit. All other browsers will ignore it as syntax error.

Copy link
Member Author

Choose a reason for hiding this comment

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

Right! Only if the browser supports it.

Copy link
Member

Choose a reason for hiding this comment

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

I see.

btw the indentation seems to be wrong

= link_to(title_or_name(template), package_show_path(project: project, package: template))
%span.description.grey
%span.description.grey.break-words
Copy link
Member

Choose a reason for hiding this comment

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

and thumbs up for using a class and not an id for styling 👍

@Ana06
Copy link
Member Author

Ana06 commented Nov 28, 2016

Style changes in the image template page:

- Show more test from the name and description.
- Do not hide any word of the name/description because it is too long.
- `...` is shown when the name/description is too long (if the browser
  supports it).
- Project name in bold.
- Reduce top padding for title.
@bgeuken bgeuken merged commit 4c958fd into openSUSE:master Nov 28, 2016
@Ana06 Ana06 deleted the kiwi-text branch October 6, 2018 09:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants