Remove wider mode #999

Signed-off-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>

src/components/markdown-renderer/basic-markdown-renderer.tsx

@@ -26,7 +26,6 @@ export const BasicMarkdownRenderer: React.FC<BasicMarkdownRendererProps & Additi
   {
     className,
     content,
-    wide,
     componentReplacers,
     markdownIt,
     documentReference,
@@ -38,7 +37,7 @@ export const BasicMarkdownRenderer: React.FC<BasicMarkdownRendererProps & Additi
   const markdownReactDom = useConvertMarkdownToReactDom(trimmedContent, markdownIt, componentReplacers, onBeforeRendering, onAfterRendering)
 
   return (
-    <div className={`${className ?? ''} d-flex flex-column align-items-center ${wide ? 'wider' : ''}`}>
+    <div className={`${className ?? ''} d-flex flex-column align-items-center`}>
       <DocumentLengthLimitReachedAlert contentLength={content.length}/>
       <div ref={documentReference} className={'markdown-body w-100 d-flex flex-column align-items-center'}>
         {markdownReactDom}

src/components/markdown-renderer/full-markdown-renderer.tsx

@@ -40,7 +40,6 @@ export const FullMarkdownRenderer: React.FC<FullMarkdownRendererProps & Addition
     onTocChange,
     content,
     className,
-    wide,
     rendererRef,
     baseUrl,
     onImageClick
@@ -94,14 +93,12 @@ export const FullMarkdownRenderer: React.FC<FullMarkdownRendererProps & Addition
       <InvalidYamlAlert showYamlError={showYamlError}/>
       <BasicMarkdownRenderer
         className={className}
-        wide={wide}
         content={content}
         componentReplacers={allReplacers}
         markdownIt={markdownIt}
         documentReference={documentElement}
         onBeforeRendering={clearFrontmatter}
-        onAfterRendering={checkYamlErrorState}
-      />
+        onAfterRendering={checkYamlErrorState}/>
     </div>
   )
 }

src/components/markdown-renderer/hooks/use-replacer-instance-list-creator.ts

@@ -19,7 +19,6 @@ import { LinemarkerReplacer } from '../replace-components/linemarker/linemarker-
 import { LinkReplacer } from '../replace-components/link-replacer/link-replacer'
 import { MarkmapReplacer } from '../replace-components/markmap/markmap-replacer'
 import { MermaidReplacer } from '../replace-components/mermaid/mermaid-replacer'
-import { PossibleWiderReplacer } from '../replace-components/possible-wider/possible-wider-replacer'
 import { QuoteOptionsReplacer } from '../replace-components/quote-options/quote-options-replacer'
 import { SequenceDiagramReplacer } from '../replace-components/sequence-diagram/sequence-diagram-replacer'
 import { TaskListReplacer } from '../replace-components/task-list/task-list-replacer'
@@ -32,7 +31,6 @@ export const useReplacerInstanceListCreator = (onTaskCheckedChange?: (lineInMark
   () => [
     new LinkReplacer(baseUrl),
     new LinemarkerReplacer(),
-    new PossibleWiderReplacer(),
     new GistReplacer(),
     new YoutubeReplacer(),
     new VimeoReplacer(),

src/components/markdown-renderer/replace-components/possible-wider/possible-wider-replacer.scss

@@ -1,14 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
- *
- * SPDX-License-Identifier: AGPL-3.0-only
- */
-
-.wider .markdown-body {
-    max-width: 1500px;
-    width: 100%;
-
-    &>.wider-possible {
-      max-width: 1500px;
-    }
-  }

src/components/markdown-renderer/replace-components/possible-wider/possible-wider-replacer.tsx

@@ -1,35 +0,0 @@
-/*
-SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
-
-SPDX-License-Identifier: AGPL-3.0-only
-*/
-
-import { DomElement } from 'domhandler'
-import { ComponentReplacer } from '../ComponentReplacer'
-import './possible-wider-replacer.scss'
-
-const enabledTags = ['img', 'app-youtube', 'app-vimeo', 'app-asciinema', 'app-pdf']
-
-/**
- * This replacer doesn't actually replace something.
- * It just uses the ComponentReplacer-Class to get access to the DOM and
- * appends the "wider-possible" class to paragraphs with special content.
- */
-export class PossibleWiderReplacer extends ComponentReplacer {
-  public getReplacement (node: DomElement): (undefined) {
-    if (node.name !== 'p') {
-      return
-    }
-    if (!node.children || node.children.length === 0) {
-      return
-    }
-
-    if (node.children.find((subNode) => subNode.name && enabledTags.includes(subNode.name))) {
-      if (!node.attribs) {
-        node.attribs = {}
-      }
-
-      node.attribs.class = `${node.attribs.class ?? ''} wider-possible`
-    }
-  }
-}

src/components/markdown-renderer/types.d.ts

@@ -16,6 +16,5 @@ export interface LineMarkerPosition {
 
 export interface AdditionalMarkdownRendererProps {
   className?: string,
-  content: string,
-  wide?: boolean,
+  content: string
 }