Foundry/ripcrypt
1
0
Fork 0
Code Issues 22 Pull requests Releases Activity Actions

RC-57 | Gear | Setup

Browse source
This commit is contained in:
Oliver-Akins 2025-01-02 00:09:06 -07:00
parent ff47b97cb9
commit 40ec3b125b
4 changed files with 79 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

51
Apps/HeroSkillsCardV1/content.hbs
View file

@ -1,42 +1,61 @@
<div class="HeroSkillsCardV1">
<div class="label col-header skill-list-header gait-skills-header">
<span>Grit Skills</span>
<span class="small">Rank</span>
<div class="label col-header list-header gait-skills-header">
<span>{{ rc-i18n "RipCrypt.Apps.grit-skills" }}</span>
<span class="small">{{ rc-i18n "RipCrypt.common.rank" }}</span>
</div>
<ol class="skill-list even grit-skills">
<ol class="num-before skill-list even grit-skills">
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
<div class="label col-header skill-list-header gait-skills-header">
<span>Gait Skills</span>
<span class="small">Rank</span>
<div class="label col-header list-header gait-skills-header">
<span>{{ rc-i18n "RipCrypt.Apps.gait-skills" }}</span>
<span class="small">{{ rc-i18n "RipCrypt.common.rank" }}</span>
</div>
<ol class="skill-list even gait-skills">
<ol class="num-before skill-list even gait-skills">
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
<div class="label col-header skill-list-header grip-skills-header">
<span>Grip Skills</span>
<span class="small">Rank</span>
<div class="label col-header list-header grip-skills-header">
<span>{{ rc-i18n "RipCrypt.Apps.grip-skills" }}</span>
<span class="small">{{ rc-i18n "RipCrypt.common.rank" }}</span>
</div>
<ol class="skill-list odd grip-skills">
<ol class="num-before skill-list odd grip-skills">
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
<div class="label col-header skill-list-header glim-skills-header">
<span>Glim Skills</span>
<span class="small">Rank</span>
<div class="label col-header list-header glim-skills-header">
<span>{{ rc-i18n "RipCrypt.Apps.glim-skills" }}</span>
<span class="small">{{ rc-i18n "RipCrypt.common.rank" }}</span>
</div>
<ol class="skill-list odd glim-skills">
<ol class="num-before skill-list odd glim-skills">
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
<div class="label col-header list-header">
<span>{{ rc-i18n "RipCrypt.common.gear" }}</span>
<span class="small">{{ rc-i18n "RipCrypt.common.slots" }}</span>
</div>
<ol class="num-after gear-list">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>

14
Apps/HeroSkillsCardV1/style.css
View file

@ -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);
}
}
}

26
Apps/elements/lists.css
View file

@ -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;
}
}
}