Merge pull request #146 from markusbink/145-bugfix-kleinere-formatier…

…ungsanpassungen 145 bugfix kleinere formatierungsanpassungen
markusbink · Sep 27, 2022 · 12fd605 · 12fd605
2 parents 8f6872c + b6fd5e6
commit 12fd605
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 8 deletions.
diff --git a/src/components/JudgeHintPopup.tsx b/src/components/JudgeHintPopup.tsx
@@ -115,7 +115,7 @@ export const JudgeHintPopup = () => {
     }
   };
 
-  const getEntryCode = () => {    
+  const getEntryCode = () => {
     let entry = entries.find((obj) => {
       return obj.id === associatedEntryIdHint;
     });
@@ -194,6 +194,7 @@ export const JudgeHintPopup = () => {
                 </label>
                 <Editor
                   defaultEditorState={editorState}
+                  stripPastedStyles={true}
                   onEditorStateChange={setEditorState}
                   wrapperClassName={cx("w-full focus:outline-none")}
                   editorClassName="p-2 text-sm bg-offWhite text-mediumGrey rounded min-h-[100px] max-h-[200px]"

diff --git a/src/components/NotePopup.tsx b/src/components/NotePopup.tsx
@@ -190,6 +190,7 @@ export const NotePopup = () => {
                 </label>
                 <Editor
                   defaultEditorState={editorState}
+                  stripPastedStyles={true}
                   onEditorStateChange={setEditorState}
                   wrapperClassName={cx("w-full focus:outline-none")}
                   editorClassName="p-2 text-sm bg-offWhite text-mediumGrey rounded min-h-[100px] max-h-[200px]"

diff --git a/src/components/section-header/SectionTitle.tsx b/src/components/section-header/SectionTitle.tsx
@@ -49,7 +49,7 @@ export const SectionTitle: React.FC<SectionTitleProps> = ({
   }, [title]);
 
   return (
-    <div className={cx("flex w-full flex-col")}>
+    <div className={cx("flex w-full flex-col pt-2")}>
       <span
         className={cx(
           "text-xs font-bold rounded-md px-2 py-1 w-fit uppercase text-darkGrey",
@@ -64,7 +64,7 @@ export const SectionTitle: React.FC<SectionTitleProps> = ({
         )}>
         {role}
       </span>
-      <div className={cx("flex items-start justify-between gap-2 w-full py-3")}>
+      <div className={cx("flex items-start justify-between gap-2 w-full pt-3")}>
         {isEditing ? (
           <input
             ref={titleInputRef}

diff --git a/src/index.css b/src/index.css
@@ -188,7 +188,7 @@ body {
 }
 
 h3 {
-  @apply text-xl font-bold mb-5 leading-5 hyphens-auto;
+  @apply text-xl font-bold mb-5 leading-5 hyphens-auto break-words;
 }
 
 /* SwiperJS Pagination Dots */
@@ -203,7 +203,7 @@ h3 {
 /* Bulletpoints */
 ul,
 ol {
-  @apply space-y-2 my-6 ml-8;
+  @apply space-y-2 my-6 ml-8 hyphens-auto break-words;
 }
 
 :is(ul, ol) > :is(ul, ol) {
@@ -227,6 +227,7 @@ ul > ul > ul {
 }
 
 p {
+  @apply hyphens-auto break-words;
   min-height: 20px;
 }
 
@@ -236,7 +237,5 @@ p:not(:last-child) {
 
 /* Break words for headlines */
 h2 {
-  -webkit-hyphens: auto;
-  -ms-hyphens: auto;
-  hyphens: auto;
+  @apply hyphens-auto break-words;
 }