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

Style the Drag/Edge inputs to look and feel better

Browse source
This commit is contained in:
Oliver-Akins 2025-07-07 22:31:58 -06:00
parent a05adca9d8
commit bd3f2a9f8b
3 changed files with 9 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
templates/Apps/DicePool/drag.hbs
View file

@ -5,7 +5,7 @@
<div slot="title"> <div slot="title">
{{ rc-i18n "RipCrypt.common.drag" }} {{ rc-i18n "RipCrypt.common.drag" }}
</div> </div>
<div slot="content"> <div slot="content" class="dredge-row">
<button <button
type="button" type="button"
data-action="dragDelta" data-action="dragDelta"

4
templates/Apps/DicePool/edge.hbs
View file

@ -5,7 +5,7 @@
<div slot="title"> <div slot="title">
{{ rc-i18n "RipCrypt.common.edge" }} {{ rc-i18n "RipCrypt.common.edge" }}
</div> </div>
<div slot="content"> <div slot="content" class="dredge-row">
<button <button
type="button" type="button"
data-action="edgeDelta" data-action="edgeDelta"
@ -18,7 +18,7 @@
<button <button
type="button" type="button"
data-action="edgeDelta" data-action="edgeDelta"
data-delta="not a number" data-delta="1"
{{#if incrementDisabled}}disabled{{/if}} {{#if incrementDisabled}}disabled{{/if}}
> >
+ +

6
templates/Apps/DicePool/style.css
View file

@ -39,6 +39,12 @@
font-size: 1.5rem; font-size: 1.5rem;
} }
.dredge-row {
display: flex;
gap: 8px;
align-items: center;
}
.dice-target { .dice-target {
display: flex; display: flex;
position: relative; position: relative;