From 40324d445a7c43ae5509be25465ba570be6b40e1 Mon Sep 17 00:00:00 2001 From: Eduard Urbach Date: Wed, 18 Apr 2018 13:42:38 +0200 Subject: [PATCH] Improved tooltips --- pages/inventory/inventory.pixy | 2 +- pages/soundtrack/soundtrack.pixy | 2 +- scripts/AnimeNotifier.ts | 2 +- styles/tip.scarlet | 1 + 4 files changed, 4 insertions(+), 3 deletions(-) diff --git a/pages/inventory/inventory.pixy b/pages/inventory/inventory.pixy index 61e3cf7a..2218198e 100644 --- a/pages/inventory/inventory.pixy +++ b/pages/inventory/inventory.pixy @@ -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 diff --git a/pages/soundtrack/soundtrack.pixy b/pages/soundtrack/soundtrack.pixy index 247a1532..97dce095 100644 --- a/pages/soundtrack/soundtrack.pixy +++ b/pages/soundtrack/soundtrack.pixy @@ -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 diff --git a/scripts/AnimeNotifier.ts b/scripts/AnimeNotifier.ts index 99616e76..66c10fe5 100644 --- a/scripts/AnimeNotifier.ts +++ b/scripts/AnimeNotifier.ts @@ -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.") diff --git a/styles/tip.scarlet b/styles/tip.scarlet index 1d19c442..41e653c6 100644 --- a/styles/tip.scarlet +++ b/styles/tip.scarlet @@ -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