Fixing editor window size for super widescreen markdown editors

NickGeek · NickGeek · commit b5fe4bc68d70 · 2023-12-25T01:33:41.000+13:00
diff --git a/app/package.json b/app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "micropad",
-  "version": "4.5.0",
+  "version": "4.5.1",
   "private": true,
   "scripts": {
     "preinstall": "python3 ../libs/build-libs.py && ./get_precache_files.py > src/extraPrecacheFiles.ts",
diff --git a/app/src/app/components/note-element-modal/NoteElementModalComponent.css b/app/src/app/components/note-element-modal/NoteElementModalComponent.css
@@ -48,10 +48,6 @@
 	opacity: 1;
 }
 
-#markdown-editor-label > div {
-	display: inline;
-}
-
 #markdown-help h1, #markdown-help h2, #markdown-help h3, #markdown-help h4, #markdown-help h5, #markdown-help h6 {
 	margin: 10px;
 }
diff --git a/app/src/app/components/note-viewer/elements/markdown/MarkdownElementComponent.css b/app/src/app/components/note-viewer/elements/markdown/MarkdownElementComponent.css
@@ -10,3 +10,11 @@
 .markdown-element__code-editor > * {
 	min-height: 400px;
 }
+
+#markdown-editor-label {
+	display: block;
+}
+
+#markdown-editor-label > div {
+	display: inline;
+}
diff --git a/app/src/app/components/note-viewer/elements/markdown/MarkdownElementComponent.tsx b/app/src/app/components/note-viewer/elements/markdown/MarkdownElementComponent.tsx
@@ -104,7 +104,7 @@ export default class MarkdownElementComponent extends React.Component<Props> {
 
 				{
 					isEditing &&
-					<Row style={{ marginBottom: 0, color: theme.text }}>
+					<Row style={{ marginBottom: 0, color: theme.text, width: minWidth }}>
 						<Col s={4}>
 							<TextInput
 								inputClassName="markdown-element__options-input"

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "micropad",`
`3`		`- "version": "4.5.0",`
	`3`	`+ "version": "4.5.1",`
`4`	`4`	`"private": true,`
`5`	`5`	`"scripts": {`
`6`	`6`	`"preinstall": "python3 ../libs/build-libs.py && ./get_precache_files.py > src/extraPrecacheFiles.ts",`
Original file line number	Diff line number	Diff line change
`@@ -48,10 +48,6 @@`
`48`	`48`	`opacity: 1;`
`49`	`49`	`}`
`50`	`50`
`51`		`-#markdown-editor-label > div {`
`52`		`- display: inline;`
`53`		`-}`
`54`		`-`
`55`	`51`	`#markdown-help h1, #markdown-help h2, #markdown-help h3, #markdown-help h4, #markdown-help h5, #markdown-help h6 {`
`56`	`52`	`margin: 10px;`
`57`	`53`	`}`
Original file line number	Diff line number	Diff line change
`@@ -104,7 +104,7 @@ export default class MarkdownElementComponent extends React.Component<Props> {`
`104`	`104`
`105`	`105`	`{`
`106`	`106`	`isEditing &&`
`107`		`- <Row style={{ marginBottom: 0, color: theme.text }}>`
	`107`	`+ <Row style={{ marginBottom: 0, color: theme.text, width: minWidth }}>`
`108`	`108`	`<Col s={4}>`
`109`	`109`	`<TextInput`
`110`	`110`	`inputClassName="markdown-element__options-input"`