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