Improved tooltips
This commit is contained in:
parent
a219e11f8f
commit
40324d445a
@ -8,7 +8,7 @@ component Inventory(inventory *arn.Inventory, viewUser *arn.User, user *arn.User
|
||||
if slot.ItemID == ""
|
||||
.inventory-slot.mountable(draggable="false", data-index=index)
|
||||
else
|
||||
.inventory-slot.mountable(title=slot.Item().Name, draggable="true", data-index=index, data-item-id=slot.ItemID, data-consumable=slot.Item().Consumable)
|
||||
.inventory-slot.tip.mountable(aria-label=slot.Item().Name, draggable="true", data-index=index, data-item-id=slot.ItemID, data-consumable=slot.Item().Consumable)
|
||||
.shop-item-icon
|
||||
Icon(slot.Item().Icon)
|
||||
if slot.Quantity > 1
|
||||
|
@ -25,7 +25,7 @@ component SoundTrackPage(track *arn.SoundTrack, user *arn.User)
|
||||
|
||||
.soundtrack-anime-list
|
||||
each anime in track.Anime()
|
||||
a.soundtrack-anime-list-item(href=anime.Link(), title=anime.Title.ByUser(user))
|
||||
a.soundtrack-anime-list-item.tip(href=anime.Link(), aria-label=anime.Title.ByUser(user))
|
||||
img.soundtrack-anime-list-item-image.lazy(data-src=anime.ImageLink("small"), data-webp="true", data-color=anime.AverageColor(), alt=anime.Title.ByUser(user))
|
||||
|
||||
if len(track.Links) > 0
|
||||
|
@ -256,7 +256,7 @@ export default class AnimeNotifier {
|
||||
return
|
||||
}
|
||||
|
||||
let itemName = element.title
|
||||
let itemName = element.getAttribute("aria-label")
|
||||
|
||||
if(element.dataset.consumable !== "true") {
|
||||
return this.statusMessage.showError(itemName + " is not a consumable item.")
|
||||
|
@ -14,6 +14,7 @@ const tip-transform-visible = rotate(0.02deg) translateX(-50%) translateY(-100%)
|
||||
pointer-events none
|
||||
opacity 0
|
||||
transform tip-transform-hidden
|
||||
font-size 0.92rem
|
||||
color text-color
|
||||
text-shadow none
|
||||
padding 0.2rem 0.7rem
|
||||
|
Loading…
Reference in New Issue
Block a user