Replace unicode "star" symbols with images

This commit is contained in:
Blaze Sanecki
2026-01-08 21:31:10 +01:00
parent 79a3575f00
commit 2fb80ae231
3 changed files with 17 additions and 13 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 798 B

+8 -4
View File
@@ -1063,13 +1063,17 @@ label.small {
/* Sparkle Icon */
.sparkle {
font-size: 11px;
color: var(--sheet-primary-color);
display: inline-block;
vertical-align: middle;
width: fit-content;
margin-left: -4px;
margin-right: -2px;
align-self: center;
margin: 0 -4px;
background-image: url('https: //raw.githubusercontent.com/Roll20/roll20-character-sheets/master/LandOfEem/images/star.png');
background-size: 10px 10px;
background-repeat: no-repeat;
background-position: center;
width: 11px;
height: 11px;
}
.note-box .hint,
+9 -9
View File
@@ -559,7 +559,7 @@
<div class="corner-box">
<div class="content">
<label class="hint" data-i18n="ideals">Ideals</label>
<section class="sparkle">&#x1F7C5;</section>
<section class="sparkle"></section>
<section data-i18n="ideals-hint" class="hint">Gain individual XP if you demonstrate your ideals</section>
<textarea rows="3" name="attr_ideals"></textarea>
</div>
@@ -569,7 +569,7 @@
<div class="corner-box">
<div class="content">
<label class="hint" data-i18n="flaws">Flaws</label>
<section class="sparkle">&#x1F7C5;</section>
<section class="sparkle"></section>
<section data-i18n="flaws-hint" class="hint">Gain individual XP if you demonstrate your flaws</section>
<textarea rows="3" name="attr_flaws"></textarea>
</div>
@@ -579,7 +579,7 @@
<div class="note-box">
<div>
<h2 data-i18n="personal-quest" class="hint">Personal Quest</h2>
<section class="sparkle">&#x1F7C5;</section>
<section class="sparkle"></section>
<section data-i18n="personal-quest-hint" class="hint">Gain party XP if you pursue your personal quest</section>
<textarea rows="5" name="attr_personal_quest"></textarea>
</div>
@@ -587,7 +587,7 @@
<div class="note-box" style="grid-row-end: span 3;">
<div>
<h2 data-i18n="backstory" class="hint">Backstory</h2>
<section class="sparkle">&#x1F7C5;</section>
<section class="sparkle"></section>
<section data-i18n="backstory-hint" class="hint">Gain individual XP if you tell a story about your past</section>
<textarea rows="13" name="attr_backstory"></textarea>
</div>
@@ -596,7 +596,7 @@
<div class="note-box">
<div>
<h2 data-i18n="relationships" class="hint">Relationships</h2>
<section class="sparkle">&#x1F7C5;</section>
<section class="sparkle"></section>
<section data-i18n="relationships-hint" class="hint">Gain party XP if you build on a relationship</section>
<textarea rows="6" name="attr_relationships"></textarea>
</div>
@@ -626,7 +626,7 @@
<option type="action" value="npc" data-i18n="npc">NPC</option>
<option type="action" value="adversary" data-i18n="adversary">Adversary</option>
</select>
<section class="sparkle">&#x1F7C5; </section> <span class="hint" data-i18n="hint-sheet-type">Changes the sheet type.
<section class="sparkle"> </section> <span class="hint" data-i18n="hint-sheet-type">Changes the sheet type.
</span>
</div>
<div class="separator"></div>
@@ -634,14 +634,14 @@
<label data-i18n="clamp-modifiers">Clamp Attribute/Skills:</label>
<input type="radio" name="attr_clamp_modifiers" value="true" checked /><span data-i18n="on">On</span>
<input type="radio" name="attr_clamp_modifiers" value="false" /><span data-i18n="off">Off</span>
<section class="sparkle">&#x1F7C5; </section> <span class="hint" data-i18n="hint-clamp-modifiers">On: keeps Attribute and Skill values between -3 and +3.</span>
<section class="sparkle"> </section> <span class="hint" data-i18n="hint-clamp-modifiers">On: keeps Attribute and Skill values between -3 and +3.</span>
</div>
<div class="separator"></div>
<div class="settings-radio">
<label data-i18n="clamp-roll-modifier">Clamp Final Roll Modifier:</label>
<input type="radio" name="attr_clamp_roll_modifier" value="true" checked /><span data-i18n="on">On</span>
<input type="radio" name="attr_clamp_roll_modifier" value="false" /><span data-i18n="off">Off</span>
<section class="sparkle">&#x1F7C5; </section> <span class="hint" data-i18n="hint-clamp-roll-modifier">On: keeps the final sum of roll modifiers between -3 and +3.</span>
<section class="sparkle"> </section> <span class="hint" data-i18n="hint-clamp-roll-modifier">On: keeps the final sum of roll modifiers between -3 and +3.</span>
</div>
<div class="separator"></div>
</div>
@@ -1434,4 +1434,4 @@ on("clicked:attack", async () => {
})
})
})
</script>
</script>