Disable image resize

It does save the linked image correctly, so until fixed, just disable the ability to resize and generate `<img` html

Author: TomNUSDS

src/App.css

@@ -31,14 +31,6 @@
   z-index: 100;
 }
 
-.cm-searchMatch {
-  background-color: rgba(250, 247, 2, 0.27) !important;
-}
-
-.cm-tooltip-below, .cm-tooltip {
-  background-color: rgba(255, 254, 218, 0.95) !important;
-}
-
 .zoom-05 {
   zoom: 0.5;
 }

src/mdxcomponents/ImageDialogCustom.tsx

@@ -87,7 +87,7 @@ export const ImageDialogCustom: React.FC = () => {
           {/*</div>*/}
 
           <div className={styles.formField}>
-            <label htmlFor="altText">Alt (Accessibility: detailed image description):</label>
+            <label htmlFor="altText">Alt (508/Accessibility: detailed image description):</label>
             <input autoComplete={"nope"} type="text" {...register('altText')} className={styles.textInput}/>
           </div>
 

src/pages/BlogEditorPage.tsx

@@ -106,7 +106,7 @@ export const BlogEditorPage = () => {
           frontmatterCustomPlugin(),
           diffSourcePlugin({diffMarkdown: oldMarkdown, viewMode: 'rich-text'}),
           headingsPlugin({allowedHeadingLevels: [2, 3, 4]}),
-          imagePlugin({imageUploadHandler, disableImageResize: false, ImageDialog: ImageDialogCustom}),
+          imagePlugin({imageUploadHandler, disableImageResize: true, ImageDialog: ImageDialogCustom}),
           linkDialogPlugin(),
           linkPlugin(),
           listsPlugin(),

src/styles/mdxeditor.custom.module.css

@@ -39,3 +39,11 @@ div[contenteditable="true"] {
   }
 }
 
+
+.cm-searchMatch {
+  background-color: rgba(250, 247, 2, 0.27) !important;
+}
+
+.cm-tooltip-below, .cm-tooltip {
+  background-color: rgba(255, 254, 218, 0.95) !important;
+}