mirror of
https://github.com/FrankerFaceZ/FrankerFaceZ.git
synced 2025-08-03 08:28:31 +00:00
Change multi-badge tooltips to put two badges on each line for a nicer display. Fix replacing badges while also setting per-user badge overrides.
This commit is contained in:
parent
2efbd1ae59
commit
8e27f2e6a3
3 changed files with 38 additions and 14 deletions
|
@ -137,13 +137,14 @@ body {
|
|||
.ffz__tooltip--inner {
|
||||
display: block;
|
||||
max-width: 30rem;
|
||||
padding: 3px 6px;
|
||||
padding: .3rem .6rem;
|
||||
text-align: center;
|
||||
|
||||
.preview-image {
|
||||
&.ffz-badge {
|
||||
height: 72px;
|
||||
width: 72px;
|
||||
height: 7.2rem;
|
||||
width: 7.2rem;
|
||||
background-size: 7.2rem;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
|
@ -161,6 +162,18 @@ body {
|
|||
}
|
||||
|
||||
|
||||
.ffz__tooltip--badges {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
max-width: 20rem;
|
||||
padding: .1rem .2rem;
|
||||
}
|
||||
|
||||
.ffz-badge-tip {
|
||||
margin: .2rem .4rem;
|
||||
}
|
||||
|
||||
|
||||
.ffz-rich-tip {
|
||||
max-width: 340px;
|
||||
width: 340px;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue