21

Owned badge looks weird in the shop

When normally going to the shop, if you own an item, there is a border radius set on the owned badge, but there is a bleed through where you can see behind the badge at one of the corners.

A easy fix for this would be to adjust the CSS so that there is the same border radius on all corners for all shop items.

Here is the CSS I used to do this using the Stylish theme:

.rarity-frame {

    border-radius: 20px;

}

.page-shop--product--content {

    border-radius: 20px;

}

.page-shop--product--details {

    border-radius: 0 0 20px 20px;

}

.page-shop--owned {

    border-top-left-radius: 19px;

}

Comments

To leave a comment, please authenticate.

Rxnn1n, 3 months ago
Looks very clean
Type Forge, 3 months ago
I am currently using and it looks amazing!
tptheodore, 3 months ago
That is a great idea also I think that it would just look better.
isaac_rocks, 3 months ago
Yeah love the idea, glad you showed what it could look like and how you did it!
Gaijin, 3 months ago
I think square is better
Voters
+ 18
Status
Backlog
Board
Bug
Submitted
3 months ago, harpersagek