0
Not a bug

URL and PDF symbols break formatting

thorbjorn.t.sievert 10 months ago updated by Christian Fritz 10 months 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.

+1
Under review

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?

Thanks a lot for the fast answer!

The additional code fixed the issue.