RC-71 | Glory | Display & Input

Apps/HeroSummaryCardV1/content.hbs

@@ -31,6 +31,35 @@
 			{{rc-options fate.selected fate.options localize=true}}
 		</select>
 	</div>
+	{{#if meta.editable}}
+		<label
+			for="{{meta.idp}}-glory"
+			class="glory-label col-header"
+		>
+			{{ rc-i18n "RipCrypt.common.glory" }}
+		</label>
+		<input
+			id="{{meta.idp}}-glory"
+			type="number"
+			class="glory row-alt"
+			name="system.level.glory"
+			value="{{level.glory}}"
+			min="0"
+		>
+	{{else}}
+		<div
+			id="{{meta.idp}}-glory-label"
+			class="glory-label label col-header"
+		>
+			{{ rc-i18n "RipCrypt.common.glory" }}
+		</div>
+		<div
+			class="glory row-alt input"
+			aria-describedby="{{meta.idp}}-glory-label"
+		>
+			{{ level.glory }}
+		</div>
+	{{/if}}
 
 	{{!-- * Weapons --}}
 	<table class="weapons">

Apps/HeroSummaryCardV1/style.css

@@ -50,6 +50,15 @@
 		padding-left: var(--col-gap);
 	}
 
+	.glory-label {
+		grid-column: 2 / span 1;
+		grid-row: 4 / span 1;
+	}
+	.glory {
+		grid-column: 2 / span 1;
+		grid-row: 5 / span 1;
+	}
+
 	.fate {
 		grid-column: 1 / span 1;
 		grid-row: 4 / span 2;
@@ -114,6 +123,7 @@
 			background: none;
 			width: 70%;
 			text-align: center;
+			padding: 0;
 		}
 
 		> .roll {

Apps/elements/input.css

@@ -1,15 +1,18 @@
-.ripcrypt > .window-content input {
-	all: revert;
-	box-sizing: border-box;
-	border: none;
-	outline: none;
-	font-family: inherit;
-	font-size: inherit;
-	position: relative;
-	background: none;
+.ripcrypt > .window-content {
+	input, .input {
+		all: revert;
+		box-sizing: border-box;
+		border: none;
+		outline: none;
+		font-family: inherit;
+		font-size: inherit;
+		position: relative;
+		background: none;
+		padding: 2px 4px;
 
-	&[type="text"],
-	&[type="number"] {
-		border-bottom: 2px dashed purple;
+		&[type="text"],
+		&[type="number"] {
+			border-bottom: 2px dashed purple;
+		}
 	}
 }