diff --git a/Apps/HeroSkillsCardV1/content.hbs b/Apps/HeroSkillsCardV1/content.hbs index aa55355..8a6ebef 100644 --- a/Apps/HeroSkillsCardV1/content.hbs +++ b/Apps/HeroSkillsCardV1/content.hbs @@ -1,42 +1,61 @@
-
- Grit Skills - Rank +
+ {{ rc-i18n "RipCrypt.Apps.grit-skills" }} + {{ rc-i18n "RipCrypt.common.rank" }}
-
    +
    -
    - Gait Skills - Rank +
    + {{ rc-i18n "RipCrypt.Apps.gait-skills" }} + {{ rc-i18n "RipCrypt.common.rank" }}
    -
      +
      -
      - Grip Skills - Rank +
      + {{ rc-i18n "RipCrypt.Apps.grip-skills" }} + {{ rc-i18n "RipCrypt.common.rank" }}
      -
        +
        -
        - Glim Skills - Rank +
        + {{ rc-i18n "RipCrypt.Apps.glim-skills" }} + {{ rc-i18n "RipCrypt.common.rank" }}
        -
          +
            +
          1. +
          2. +
          3. +
          4. +
          + +
          + {{ rc-i18n "RipCrypt.common.gear" }} + {{ rc-i18n "RipCrypt.common.slots" }} +
          +
            +
          1. +
          2. +
          3. +
          4. +
          5. +
          6. +
          7. +
          8. diff --git a/Apps/HeroSkillsCardV1/style.css b/Apps/HeroSkillsCardV1/style.css index e7f998d..59aca21 100644 --- a/Apps/HeroSkillsCardV1/style.css +++ b/Apps/HeroSkillsCardV1/style.css @@ -31,7 +31,7 @@ font-weight: bold; } - .skill-list-header { + .list-header { display: flex; justify-content: space-between; align-items: center; @@ -78,4 +78,16 @@ grid-column: 2 / span 1; grid-row: 7 / span 4; } + + .gear-list { + grid-row: span 12; + display: grid; + grid-template-rows: subgrid; + list-style-type: none; + + > :nth-child(even) { + background: var(--alt-row-background); + color: var(--alt-row-text); + } + } } diff --git a/Apps/elements/lists.css b/Apps/elements/lists.css index e2fdc88..0f7b75d 100644 --- a/Apps/elements/lists.css +++ b/Apps/elements/lists.css @@ -1,12 +1,34 @@ .ripcrypt > .window-content { ol { - list-style-position: inside; + list-style-type: none; margin: 0; padding: 0; + counter-reset: list-index 0; > li { margin: 0; - padding: 0; + padding: 2px 4px; + display: flex; + flex-direction: row; + gap: 8px; + align-items: center; + counter-increment: list-index 1; + position: relative; + } + + &.num-before > li::before, + &.num-after > li::after { + content: counter(list-index); + display: block; + position: absolute; + font-size: var(--font-size-12); + } + + &.num-before > li::before { + position: revert; + } + &.num-after > li::after { + right: 4px; } } } diff --git a/langs/en-ca.json b/langs/en-ca.json index 2074fa0..d7e9051 100644 --- a/langs/en-ca.json +++ b/langs/en-ca.json @@ -39,7 +39,9 @@ "guts": "Guts", "glory": "Glory", "step": "Step", - "rank": "Rank" + "rank": "Rank", + "gear": "Gear", + "slots": "Slots" }, "setting": { "abbrAccess": { @@ -50,6 +52,10 @@ "Apps": { "move-run": "@RipCrypt.common.move • @RipCrypt.common.run", "traits-range": "@RipCrypt.common.traits • @RipCrypt.common.range", + "grit-skills": "@RipCrypt.common.ability.grit Skills", + "gait-skills": "@RipCrypt.common.ability.gait Skills", + "grip-skills": "@RipCrypt.common.ability.grip Skills", + "glim-skills": "@RipCrypt.common.ability.glim Skills", "a11y": { "guts-value-edit": "The current amount of guts the character has", "guts-value-readonly": "The current amount of guts the character has",