RC-82 | Name Input

templates/Apps/AllItemSheetV1/content.hbs

@@ -1,3 +1,17 @@
 <div class="AllItemSheetV1">
-	{{{ rc-formFields item.system.formFields }}}
+	<div>
+		{{#if meta.editable}}
+			<label for="{{meta.idp}}-name">Name</label>
+			<input
+				type="text"
+				id="{{meta.idp}}-name"
+				name="name"
+				value="{{item.name}}"
+			>
+		{{else}}
+			<span class="label">Name</span>
+			<span class="value">{{item.name}}</span>
+		{{/if}}
+	</div>
+	{{{ rc-formFields formFields }}}
 </div>

templates/Apps/AllItemSheetV1/style.css

@@ -1,3 +1,31 @@
 .ripcrypt .AllItemSheetV1 {
 	--input-height: 1rem;
+	--col-gap: 8px;
+
+	display: grid;
+	grid-template-rows: minmax(0, 1fr);
+	grid-auto-rows: minmax(0, 1fr);
+	column-gap: var(--col-gap);
+
+	background: var(--base-background);
+	color: var(--base-text);
+
+	> :nth-child(odd) {
+		background: var(--alt-row-background);
+		color: var(--alt-row-text);
+	}
+
+	label, .label {
+		box-sizing: border-box;
+		padding: 2px 4px;
+		text-transform: uppercase;
+		font-size: var(--font-size-14);
+		overflow: hidden;
+		text-overflow: ellipsis;
+		font-weight: bold;
+	}
+
+	.input-group {
+		display: contents;
+	}
 }