diff --git a/app/assets/stylesheets/components/_buku_x3_status.scss b/app/assets/stylesheets/components/_buku_x3_status.scss index 9fef34a39..5e51608dd 100644 --- a/app/assets/stylesheets/components/_buku_x3_status.scss +++ b/app/assets/stylesheets/components/_buku_x3_status.scss @@ -139,6 +139,26 @@ } &__label { + // Sit just above the rope, clearing the midpoint's dashed overhang. + position: absolute; + left: calc(var(--character-width) * 0.93); + right: calc(var(--character-width) * 0.93); + top: calc(var(--character-width) * 0.405 - var(--space-s)); + z-index: 1; + text-align: center; + transform: translateY(-100%); + } + + &__deadline { + // Mirror the label just below the rope. + position: absolute; + left: calc(var(--character-width) * 0.93); + right: calc(var(--character-width) * 0.93); + top: calc(var(--character-width) * 0.619 + var(--space-s)); + z-index: 1; + margin: 0; + font-size: var(--font-size-s); + font-style: italic; text-align: center; } diff --git a/app/components/buku_x3_status_component.html.erb b/app/components/buku_x3_status_component.html.erb index 4e3b8dcee..83da5a1f6 100644 --- a/app/components/buku_x3_status_component.html.erb +++ b/app/components/buku_x3_status_component.html.erb @@ -17,8 +17,8 @@ <% unless compact? %>
<%= display_percent %>% damaged
<%= display_percent %>% damaged
stardance ends october 31st!