feat: Initial clean release of CHM

packages/app-desktop/gui/NoteEditor/NoteLockPanel/style.scss

@@ -0,0 +1,62 @@
+.note-lock-panel {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	height: 100%;
+	padding: var(--joplin-main-padding);
+	text-align: center;
+}
+
+.note-lock-panel > .icon {
+	font-size: 32px;
+	color: var(--joplin-color-faded);
+	margin-bottom: 16px;
+}
+
+.note-lock-panel > .title {
+	margin: 0 0 8px 0;
+	overflow-wrap: anywhere;
+}
+
+.note-lock-panel > .message {
+	max-width: 420px;
+	color: var(--joplin-color-faded);
+	margin-bottom: 16px;
+}
+
+.note-lock-panel > .unlock-form {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+
+.note-lock-panel > .unlock-form > .message {
+	max-width: 420px;
+	color: var(--joplin-color-faded);
+	margin-bottom: 16px;
+}
+
+.note-lock-panel > .unlock-form > .field {
+	margin-bottom: 16px;
+}
+
+.note-lock-panel > .unlock-form > .error {
+	color: var(--joplin-color-error);
+	margin: 0 0 12px 0;
+}
+
+.note-lock-panel.-in-share {
+	box-sizing: border-box;
+	padding-bottom: 0;
+}
+
+.note-lock-panel.-in-share > .icon {
+	margin-top: auto;
+}
+
+.note-lock-panel > .banner {
+	align-self: stretch;
+	margin: auto calc(-1 * var(--joplin-main-padding)) 5px;
+	text-align: left;
+}