Layout tweaks to Dyeworks in Item Getting Guide

There's more and more going on in here! Let's omit the base item name,
increase the table width a bit in this case, and tweak the rest a bit
while we're here.
This commit is contained in:
Emi Matchu 2024-06-20 13:50:48 -07:00
parent cec29682c4
commit 3d6abc84dd
2 changed files with 29 additions and 26 deletions

View file

@ -116,6 +116,9 @@
text-decoration-line: underline text-decoration-line: underline
text-decoration-style: dotted text-decoration-style: dotted
&[data-complexity="high"]
width: 70%
/* For wearable items that belong to a specific set that all come together, /* For wearable items that belong to a specific set that all come together,
* like a Paint Brush. */ * like a Paint Brush. */
&[data-group-type="bundle"] &[data-group-type="bundle"]

View file

@ -46,7 +46,7 @@
[dyeworks]: https://www.neopets.com/mall/dyeworks/ [dyeworks]: https://www.neopets.com/mall/dyeworks/
%table.item-list %table.item-list{"data-complexity": "high"}
%thead %thead
%tr %tr
%td.thumbnail-cell %td.thumbnail-cell
@ -74,31 +74,31 @@
- base_item = item.dyeworks_base_item - base_item = item.dyeworks_base_item
- content_for :subtitle, flush: true do - content_for :subtitle, flush: true do
#{link_to base_item.name, base_item, target: "_blank"}, = link_to base_item, target: "_blank" do
#{probability item.dyeworks_odds} chance #{probability item.dyeworks_odds} chance
- if item.dyeworks_permanent? - if item.dyeworks_permanent?
%span.dyeworks-timeframe{ %span.dyeworks-timeframe{
title: "This recipe is NOT currently scheduled to be removed " + title: "This recipe is NOT currently scheduled to be removed " +
"from Dyeworks. It might not stay forever, but it's also " + "from Dyeworks. It might not stay forever, but it's also " +
"not part of a known limited-time event, like most " + "not part of a known limited-time event, like most " +
"Dyeworks items are. (Thanks Owls team!)" "Dyeworks items are. (Thanks Owls team!)"
} }
(Permanent) (Always available)
- elsif item.dyeworks_limited_final_date.present? - elsif item.dyeworks_limited_final_date.present?
%span.dyeworks-timeframe{ %span.dyeworks-timeframe{
title: "This recipe is part of a limited-time Dyeworks " + title: "This recipe is part of a limited-time Dyeworks " +
"event. The last day you can dye this is " + "event. The last day you can dye this is " +
"#{item.dyeworks_limited_final_date.to_fs(:month_and_day)}. " + "#{item.dyeworks_limited_final_date.to_fs(:long)}. " +
"(Thanks Owls team!)" "(Thanks Owls team!)"
} }
(Thru #{item.dyeworks_limited_final_date.to_fs(:month_and_day)}) (Limited-time: #{item.dyeworks_limited_final_date.to_fs(:month_and_day)})
- elsif item.dyeworks_limited? - elsif item.dyeworks_limited?
%span.dyeworks-timeframe{ %span.dyeworks-timeframe{
title: "This recipe is part of a limited-time Dyeworks " + title: "This recipe is part of a limited-time Dyeworks " +
"event, and is scheduled to be removed from the NC Mall " + "event, and is scheduled to be removed from the NC Mall " +
"soon. (Thanks Owls team!)" "soon. (Thanks Owls team!)"
} }
(Limited-time) (Limited-time)
%button{onclick: "alert('Todo!')"} %button{onclick: "alert('Todo!')"}
= cart_icon alt: "" = cart_icon alt: ""