sissilab / obsidian-image-toolkit

An Obsidian plugin for viewing an image.
MIT License
313 stars 23 forks source link

Issues with ITS theme #84

Closed Geohexamon closed 1 year ago

Geohexamon commented 1 year ago

Some style in the ITS theme breaks the icons for the image controls.

You can temporarily fix things by editing the style.css and locating the following block and changing overflow to visible:

.oit-main-container-view .img-footer .img-toolbar > li {
    float: left;
    width: 25px;
    height: 25px;
    margin: 0 5px;
    padding: 0;
    line-height: 0;
    border: none;
    cursor: pointer;
    overflow: visible;
}

I also recommend changing the .3 in the following block to 0 to remove the fade in black on hover since it doesn't line up anymore anyway.

.oit-main-container-view .img-footer .img-toolbar:hover {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 12px;
}