diff --git a/FrontEnd/.angulardoc.json b/FrontEnd/.angulardoc.json new file mode 100644 index 0000000..98319e2 --- /dev/null +++ b/FrontEnd/.angulardoc.json @@ -0,0 +1,4 @@ +{ + "repoId": "51789675-24f3-468d-a696-09187b48c708", + "lastSync": 0 +} \ No newline at end of file diff --git a/FrontEnd/src/app/main-navigation/main-navigation.component.css b/FrontEnd/src/app/main-navigation/main-navigation.component.css index 74fd3d9..c32506a 100644 --- a/FrontEnd/src/app/main-navigation/main-navigation.component.css +++ b/FrontEnd/src/app/main-navigation/main-navigation.component.css @@ -49,7 +49,7 @@ a { color: white; - font-size: 1.25rem; + font-size: x-large; padding: 0px 10px; cursor: pointer; } diff --git a/FrontEnd/src/app/tests/test-details/question-view/gaps/gaps.component.css b/FrontEnd/src/app/tests/test-details/question-view/gaps/gaps.component.css index da60678..57d9a7b 100644 --- a/FrontEnd/src/app/tests/test-details/question-view/gaps/gaps.component.css +++ b/FrontEnd/src/app/tests/test-details/question-view/gaps/gaps.component.css @@ -1,11 +1,45 @@ .answers{ - display: flex; - flex-direction: row; - align-items: center; - justify-content: flex-start; - flex-wrap: wrap; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + margin-top: 20px; } +.pytanie +{ +background-color: white; +color: black; +width: 50%; +margin-left: auto; +margin-right: auto; +border: 10px solid white; +font-size: larger; +margin-bottom: 70px;; +} + +span +{ + font-size: x-large; +} + + .answers > div{ margin: 5px; -} \ No newline at end of file +} + +.button:focus +{ + background-color: orange; + border: 2px solid orange; +} + +.button +{ + border: 2px solid #000080; +} + +.button:hover +{ + border: 2px solid orange; +} diff --git a/FrontEnd/src/app/tests/test-details/question-view/gaps/gaps.component.html b/FrontEnd/src/app/tests/test-details/question-view/gaps/gaps.component.html index c651806..cd8f24e 100644 --- a/FrontEnd/src/app/tests/test-details/question-view/gaps/gaps.component.html +++ b/FrontEnd/src/app/tests/test-details/question-view/gaps/gaps.component.html @@ -1,13 +1,14 @@
\ No newline at end of file + diff --git a/FrontEnd/src/app/tests/test-details/question-view/multiple-choice/multiple-choice.component.css b/FrontEnd/src/app/tests/test-details/question-view/multiple-choice/multiple-choice.component.css index 2f54d55..1fb86fa 100644 --- a/FrontEnd/src/app/tests/test-details/question-view/multiple-choice/multiple-choice.component.css +++ b/FrontEnd/src/app/tests/test-details/question-view/multiple-choice/multiple-choice.component.css @@ -1,6 +1,70 @@ .answers{ - display: flex; - flex-direction: column; - align-items: flex-start; - justify-content: flex-start; -} \ No newline at end of file + display: flex; + flex-direction: column; + align-items: center; + justify-content: flex-start; + +} + +.pytanie +{ +background-color: white; +color: black; +width: 50%; +margin-left: auto; +margin-right: auto; +border: 10px solid white; +font-size: larger; +margin-bottom: 70px; +} + + + + +.radio-answer +{ +display: none; +} + +label +{ +clip-path: polygon(0% 50%, 15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%); +background-color: #000080; +width: 300px; +text-align: center; +border: 3px solid #000080; +border-bottom: #000080; +color: white; +cursor: pointer; +margin-top:10px; +font-size: x-large; +} + +label:hover +{ +background-color: orange; +border-color: orange; +} + +.radio-answer:checked + label +{ +background-color: orange; +border-color: orange; +} + +@media screen and (max-width: 800px) { +label +{ + width: 254px; +} + +.pytanie +{ + width: 100%; +} + +.alert-grey +{ + background-color: #181616; +} +} diff --git a/FrontEnd/src/app/tests/test-details/question-view/multiple-choice/multiple-choice.component.html b/FrontEnd/src/app/tests/test-details/question-view/multiple-choice/multiple-choice.component.html index 5c1c327..83c74aa 100644 --- a/FrontEnd/src/app/tests/test-details/question-view/multiple-choice/multiple-choice.component.html +++ b/FrontEnd/src/app/tests/test-details/question-view/multiple-choice/multiple-choice.component.html @@ -1,12 +1,13 @@ \ No newline at end of file + diff --git a/FrontEnd/src/app/tests/test-details/question-view/pairs/pairs.component.css b/FrontEnd/src/app/tests/test-details/question-view/pairs/pairs.component.css index fe68316..cc1d584 100644 --- a/FrontEnd/src/app/tests/test-details/question-view/pairs/pairs.component.css +++ b/FrontEnd/src/app/tests/test-details/question-view/pairs/pairs.component.css @@ -1,49 +1,80 @@ .puzzle{ display: flex; min-height: 50px; - min-width: 100px; - background-color: rgb(206, 168, 86); align-items: center; justify-content: center; margin: 5px 0 5px 5px; - color: black; + color: white; cursor: pointer; + clip-path: polygon(0% 50%, 15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%); + background-color: #000080; + width: 300px; + text-align: center; + border: 3px solid #000080; } +.puzzle:hover +{ + background-color: orange; + border: 2px solid orange; +} + + .puzzle-right{ display: flex; min-height: 50px; - min-width: 100px; - background-color: rgb(202, 144, 17); + width: 300px; + background-color: orange; color: black; align-items: center; justify-content: center; margin: 5px 5px 5px 0; + clip-path: polygon(0% 50%, 15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%); + border: 2px solid orange; } .both-sides{ display: flex; flex-direction: row; - flex-wrap: nowrap; + text-align: right; } -.puzzle:hover{ - border: 3px solid gray; -} .active{ - border: 3px solid white; + border: 3px solid orange; + background-color: orange; } .puzzles-container{ display: flex; - flex-direction: row; + flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; + float: left; +} + +span +{ + font-size: x-large; } .empty{ background-color: gray; cursor: not-allowed; + border: 2px solid gray; } + + +.pytanie +{ + background-color: white; + color: black; + width: 50%; + margin-left: auto; + margin-right: auto; + border: 10px solid white; + font-size: larger; + margin-bottom: 70px; +} + diff --git a/FrontEnd/src/app/tests/test-details/question-view/pairs/pairs.component.html b/FrontEnd/src/app/tests/test-details/question-view/pairs/pairs.component.html index 3b25b0e..764dda4 100644 --- a/FrontEnd/src/app/tests/test-details/question-view/pairs/pairs.component.html +++ b/FrontEnd/src/app/tests/test-details/question-view/pairs/pairs.component.html @@ -1,13 +1,12 @@