From 1f58dfd0e83ed744b64488d8e05bf34c054cb384 Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Mon, 28 Feb 2022 11:44:06 +0200
Subject: [PATCH] qestion styles

---
 .../demo/src/HHMI/layout/EditorElements.js    | 93 -------------------
 .../src/EssayService/EssayService.js          |  1 +
 .../FillTheGapQuestionService.js              |  1 +
 .../MultipleChoiceQuestionService.js          |  1 +
 4 files changed, 3 insertions(+), 93 deletions(-)

diff --git a/editors/demo/src/HHMI/layout/EditorElements.js b/editors/demo/src/HHMI/layout/EditorElements.js
index 6385a1247..6a5fd031e 100644
--- a/editors/demo/src/HHMI/layout/EditorElements.js
+++ b/editors/demo/src/HHMI/layout/EditorElements.js
@@ -319,97 +319,4 @@ export default css`
   .transform-icon {
     transform: rotate(40deg);
   }
-
-  /* -- Questions ---------------------------------- */
-
-  /* -- Multiple Choice ---------------------------------- */
-
-  .multiple-choice,
-  .multiple-choice-single-correct,
-  .true-false,
-  .true-false-single-correct {
-    border: 3px solid #f5f5f7;
-    counter-reset: question-item-multiple;
-    margin: 38px;
-    padding: 20px;
-    padding-top: 0px;
-
-    &:before {
-      bottom: 25px;
-      counter-increment: multiple-question;
-      position: relative;
-      right: 20px;
-    }
-
-    .ProseMirror {
-      box-shadow: none;
-      padding: 5px 5px 0 5px;
-    }
-  }
-
-  .multiple-choice {
-    &:before {
-      content: 'Answer Group ' counter(multiple-question) ' (multiple choice)';
-    }
-  }
-
-  .multiple-choice-single-correct {
-    &:before {
-      content: 'Answer Group ' counter(multiple-question)
-        ' (multiple choice single correct)';
-    }
-  }
-
-  .true-false {
-    &:before {
-      content: 'Answer Group ' counter(multiple-question) ' (true/false)';
-    }
-  }
-
-  .true-false-single-correct {
-    &:before {
-      content: 'Answer Group ' counter(multiple-question)
-        ' (true/false single correct)';
-    }
-  }
-
-  /* -- Fill The Gap ---------------------------------- */
-
-  .fill-the-gap {
-    border: 3px solid #f5f5f7;
-    margin-bottom: 30px;
-    margin-top: 30px;
-    padding: 3px;
-
-    &:before {
-      background-color: #fff;
-      bottom: 22px;
-      color: #535e76;
-      content: 'Fill The Gap';
-      height: 10px;
-      left: -1px;
-      position: relative;
-      width: 30px;
-    }
-  }
-
-  /* -- Essay ---------------------------------- */
-
-  .essay {
-    border: 3px solid #f5f5f7;
-    margin-bottom: 30px;
-    margin-top: 30px;
-    padding: 3px;
-
-    &:before {
-      background-color: #fff;
-      bottom: 22px;
-      color: #535e76;
-      content: 'Essay';
-      height: 10px;
-      left: -1px;
-      position: relative;
-      width: 30px;
-    }
-  }
 `;
diff --git a/wax-prosemirror-services/src/EssayService/EssayService.js b/wax-prosemirror-services/src/EssayService/EssayService.js
index ca55033de..761e9aa83 100644
--- a/wax-prosemirror-services/src/EssayService/EssayService.js
+++ b/wax-prosemirror-services/src/EssayService/EssayService.js
@@ -7,6 +7,7 @@ import EssayQuestionComponent from './components/EssayQuestionComponent';
 import EssayAnswerComponent from './components/EssayAnswerComponent';
 import EssayQuestionNodeView from './EssayQuestionNodeView';
 import EssayAnswerNodeView from './EssayAnswerNodeView';
+import './essay.css';
 
 class EssayService extends Service {
   register() {
diff --git a/wax-prosemirror-services/src/FillTheGapQuestionService/FillTheGapQuestionService.js b/wax-prosemirror-services/src/FillTheGapQuestionService/FillTheGapQuestionService.js
index 4c378b7d8..81726572c 100644
--- a/wax-prosemirror-services/src/FillTheGapQuestionService/FillTheGapQuestionService.js
+++ b/wax-prosemirror-services/src/FillTheGapQuestionService/FillTheGapQuestionService.js
@@ -5,6 +5,7 @@ import fillTheGapNode from './schema/fillTheGapNode';
 import CreateGapService from './CreateGapService/CreateGapService';
 import FillTheGapNodeView from './FillTheGapNodeView';
 import GapComponent from './components/GapComponent';
+import './fillTheGap.css';
 
 class FillTheGapQuestionService extends Service {
   register() {
diff --git a/wax-prosemirror-services/src/MultipleChoiceQuestionService/MultipleChoiceQuestionService.js b/wax-prosemirror-services/src/MultipleChoiceQuestionService/MultipleChoiceQuestionService.js
index 26274f70d..5227d4446 100644
--- a/wax-prosemirror-services/src/MultipleChoiceQuestionService/MultipleChoiceQuestionService.js
+++ b/wax-prosemirror-services/src/MultipleChoiceQuestionService/MultipleChoiceQuestionService.js
@@ -10,6 +10,7 @@ import QuestionNodeView from './QuestionNodeView';
 import MultipleChoiceSingleCorrectQuestionService from './MultipleChoiceSingleCorrectQuestionService/MultipleChoiceSingleCorrectQuestionService';
 import TrueFalseQuestionService from './TrueFalseQuestionService/TrueFalseQuestionService';
 import TrueFalseSingleCorrectQuestionService from './TrueFalseSingleCorrectQuestionService/TrueFalseSingleCorrectQuestionService';
+import './multipleQuestionStyles.css';
 
 class MultipleChoiceQuestionService extends Service {
   register() {
-- 
GitLab