Add the ability to display / edit the description from the item sheet

templates/Apps/AllItemSheetV1/style.css

@@ -13,6 +13,8 @@
 
 	--input-text: white;
 	--input-background: var(--accent-2);
+	--button-text: white;
+	--button-background: var(--accent-2);
 
 	--pill-width: 100%;
 	--pill-border-radius: 4px;
@@ -21,6 +23,7 @@
 	grid-template-columns: auto 200px;
 	column-gap: var(--col-gap);
 	row-gap: var(--row-gap);
+	max-width: 300px;
 
 	padding: 8px;
 	background: var(--base-background);
@@ -29,6 +32,7 @@
 	[data-input-type] {
 		display: contents;
 	}
+
 	> [data-input-type="group"] {
 		display: unset;
 		grid-column: 1 / -1;
@@ -41,6 +45,36 @@
 		}
 	}
 
+	> [data-input-type="prose-mirror"] {
+		grid-column: 1 / -1;
+		display: flex;
+		flex-direction: column;
+		gap: var(--row-gap);
+
+		> .label-row {
+			display: flex;
+			flex-direction: row;
+			width: 100%;
+			justify-content: space-between;
+		}
+
+		.value {
+			background: var(--input-background);
+			color: var(--input-text);
+
+			> :first-child {
+				margin-top: 0;
+			}
+			> :last-child {
+				margin-bottom: 0;
+			}
+
+			&:empty {
+				display: none;
+			}
+		}
+	}
+
 	hr {
 		background: var(--accent-1);
 		grid-column: 1 / -1;
@@ -62,7 +96,7 @@
 		font-weight: bold;
 	}
 
-	input, select, .value, [data-tag-count] {
+	button, input, select, .value, [data-tag-count] {
 		border-radius: 4px;
 		padding: 2px 4px;
 	}

templates/Apps/RichEditor/content.hbs

@@ -1,5 +1,10 @@
 <div>
 	{{#if editable}}
+		{{#if (not collaborative)}}
+			<p class="warning">
+				{{ rc-i18n "RipCrypt.Apps.RichEditor-no-collaborative" }}
+			</p>
+		{{/if}}
 		<prose-mirror
 			name="{{ path }}"
 			value="{{ raw }}"

templates/css/common.css

@@ -5,6 +5,7 @@
 @import url("./elements/button.css");
 @import url("./elements/input.css");
 @import url("./elements/lists.css");
+@import url("./elements/p.css");
 @import url("./elements/pill-bar.css");
 @import url("./elements/prose-mirror.css") layer(exceptions);
 @import url("./elements/select.css");

templates/css/elements/p.css

@@ -0,0 +1,10 @@
+.ripcrypt > .window-content p {
+	&.warning {
+		padding: 0.75rem;
+		margin: 0.25rem;
+		border-radius: 8px;
+		border-color: yellow;
+		border-style: solid;
+		border-width: 2px;
+	}
+}