Not a bug

URL and PDF symbols break formatting

5 years ago • updated by 5 years ago • 3

Hey,

I really like Bibbase.
One issue I keep encountering is as soon as I add a link, the symbol (no matter which symbol) does not seem to scale properly and breaks the single line layout.
This does not happen with the small text for doi, abstract etc.

See top entry at https://tsievert.com/publications/

Edit: I just added

img.bibbase_icon {
  max-height: 16px !important;
}

to my CSS, but the problems remains.

Vote

Replies 3
Oldest first
- Newest first
- Oldest first

Under review

5 years ago

There seems to be some funny CSS rules on your page (in style.css) that dictate a margin-top:

@media only screen and (min-width: 721px) img {
    border-radius: 5%;
    height: auto;
    margin-top: 8%;
    max-width: 75%;
}

@media only screen and (min-width: 721px) img {
    border-radius: 5%;
    height: auto;
    margin-top: 8%;
    max-width: 75%;
}

When I disable that margin-top, it renders correctly.

Not sure whether you can remove that rule in your style.css, if not then you should still be able to overwrite it by adding:

img.bibbase_icon {
  margin-top: 0px;
}

Does that work?

5 years ago

Thanks a lot for the fast answer!

The additional code fixed the issue.

Not a bug

5 years ago

Customer support service by UserEcho