diff --git a/client/src/components/Chapter.vue b/client/src/components/Chapter.vue index e7de2161..c5dfe731 100644 --- a/client/src/components/Chapter.vue +++ b/client/src/components/Chapter.vue @@ -65,6 +65,8 @@ .chapter { &__description { @include lead-paragraph; + + margin-bottom: $large-spacing; } } diff --git a/client/src/components/ContentBlock.vue b/client/src/components/ContentBlock.vue index 8e77b257..1be89d92 100644 --- a/client/src/components/ContentBlock.vue +++ b/client/src/components/ContentBlock.vue @@ -4,8 +4,8 @@
- - + +
@@ -181,16 +181,17 @@ }, methods: { - editContentBlock() { - this.$store.dispatch('editContentBlock', this.contentBlock.id); + editContentBlock(contentBlock) { + this.$store.dispatch('editContentBlock', contentBlock.id); }, - deleteContentBlock(id) { + deleteContentBlock(contentBlock) { const parent = this.parent; + const id = contentBlock.id; this.$apollo.mutate({ mutation: DELETE_CONTENT_BLOCK_MUTATION, variables: { input: { - id: id + id } }, update(store, {data: {deleteContentBlock: {success}}}) { diff --git a/client/src/components/content-blocks/GeniallyBlock.vue b/client/src/components/content-blocks/GeniallyBlock.vue index d0d45c55..5f375168 100644 --- a/client/src/components/content-blocks/GeniallyBlock.vue +++ b/client/src/components/content-blocks/GeniallyBlock.vue @@ -37,9 +37,12 @@ diff --git a/client/src/components/content-blocks/SubtitleBlock.vue b/client/src/components/content-blocks/SubtitleBlock.vue index c642fc51..766e7eee 100644 --- a/client/src/components/content-blocks/SubtitleBlock.vue +++ b/client/src/components/content-blocks/SubtitleBlock.vue @@ -13,5 +13,6 @@ .subtitle { padding-top: 1px; margin-bottom: $large-spacing; + line-height: $default-heading-line-height; } diff --git a/client/src/components/modules/Module.vue b/client/src/components/modules/Module.vue index dfb8b31c..e3fe822c 100644 --- a/client/src/components/modules/Module.vue +++ b/client/src/components/modules/Module.vue @@ -157,11 +157,7 @@ } &__meta-title { - color: $color-silver-dark; - font-size: 2.25rem; - font-weight: 300; - font-family: $serif-font-family; - line-height: 3.25rem; + @include meta-title; } &__intro { diff --git a/client/src/pages/instrument.vue b/client/src/pages/instrument.vue index 6d547547..009a4b0e 100644 --- a/client/src/pages/instrument.vue +++ b/client/src/pages/instrument.vue @@ -67,6 +67,7 @@ &__title { font-size: toRem(35px); margin-bottom: 40px; + line-height: $default-heading-line-height; } & /deep/ { diff --git a/client/src/pages/survey.vue b/client/src/pages/survey.vue index eb8ff81b..2b22dba5 100644 --- a/client/src/pages/survey.vue +++ b/client/src/pages/survey.vue @@ -128,9 +128,10 @@ grid-row-gap: $large-spacing; justify-self: center; padding: 100px 0; + width: 100%; &__title { - @include heading-2; + @include meta-title; margin: 0; } } diff --git a/client/src/styles/_forms.scss b/client/src/styles/_forms.scss index e94dfa20..e4216776 100644 --- a/client/src/styles/_forms.scss +++ b/client/src/styles/_forms.scss @@ -20,6 +20,19 @@ $icon-size: 20px; } +.skillbox-dropdown { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + text-indent: 1px; + text-overflow: ''; + background-image: url('data:image/svg+xml;utf8,'); + background-repeat: no-repeat; + background-position: 97% center; + background-size: 24px 24px; + position: relative; +} + .skillbox-textarea { @include inputstyle; height: 120px; diff --git a/client/src/styles/_mixins.scss b/client/src/styles/_mixins.scss index b19849e7..1e9ceb0f 100644 --- a/client/src/styles/_mixins.scss +++ b/client/src/styles/_mixins.scss @@ -118,8 +118,11 @@ } @mixin meta-title { - font-family: $serif-font-family; + color: $color-silver-dark; font-size: toRem(36px); + font-weight: 300; + font-family: $serif-font-family; + line-height: $default-heading-line-height; } @mixin lead-paragraph { diff --git a/client/src/styles/_survey.scss b/client/src/styles/_survey.scss index ec676b30..39eabfcb 100644 --- a/client/src/styles/_survey.scss +++ b/client/src/styles/_survey.scss @@ -24,6 +24,8 @@ margin-bottom: $medium-spacing; > span > span { // weird survey.js html structure @include heading-4; + line-height: $default-line-height; + } } @@ -54,9 +56,9 @@ order: 2; } - $progress-margin-right: 120px; + $progress-margin-right: 140px; &__progress { - background-color: $color-silver; + background-color: $color-silver-light; height: 0.3em; order: 3; width: 40%; @@ -65,7 +67,6 @@ margin-right: $progress-margin-right; box-sizing: border-box; display: flex; - align-content: center; } &__radiogroup-group, &__checkbox-group { @@ -81,7 +82,7 @@ > span { position: absolute; right: -$progress-margin-right; - top: -0.25em; + top: -0.37em; @include regular-text; } @@ -97,6 +98,10 @@ @include small-text; } } + + &__completed-text { + @include regular-text; + } } .question { diff --git a/client/src/styles/_variables.scss b/client/src/styles/_variables.scss index 7187d1d7..7e44811b 100644 --- a/client/src/styles/_variables.scss +++ b/client/src/styles/_variables.scss @@ -77,6 +77,7 @@ $font-weight-semibold: 600; $font-weight-regular: 400; $default-line-height: 1.5; +$default-heading-line-height: 1.2; // popover $popover-default-bottom: -110px; diff --git a/client/src/survey.config.js b/client/src/survey.config.js index a6c3c5f8..0093c5e9 100644 --- a/client/src/survey.config.js +++ b/client/src/survey.config.js @@ -66,7 +66,7 @@ export const css = { 'comment': 'survey__input skillbox-input question__input', 'dropdown': { 'root': '', - 'control': 'survey__input skillbox-input', + 'control': 'survey__input skillbox-input skillbox-dropdown', 'other': 'sv_q_dd_other skillbox-input' }, 'html': { diff --git a/server/core/templates/registration/password_reset_complete.html b/server/core/templates/registration/password_reset_complete.html index b9115261..e7894c0d 100644 --- a/server/core/templates/registration/password_reset_complete.html +++ b/server/core/templates/registration/password_reset_complete.html @@ -4,7 +4,7 @@ {% block title %}{% trans 'Passwort zurücksetzen abgeschlossen' %}{% endblock %} {% block body %} -

skillbox

+

myskillbox

{% trans 'Passwort zurücksetzen abgeschlossen' %}

{% trans 'Ihr Passwort wurde zurückgesetzt. Sie können sich nun auf der Loginseite anmelden.' %}

{% trans 'Einloggen' %}

diff --git a/server/core/templates/registration/password_reset_confirm.html b/server/core/templates/registration/password_reset_confirm.html index 6aed20fe..65916cdd 100644 --- a/server/core/templates/registration/password_reset_confirm.html +++ b/server/core/templates/registration/password_reset_confirm.html @@ -5,7 +5,7 @@ {% block title %}{% trans 'Setzen Sie Ihr Passwort' %}{% endblock %} {% block body %} -

skillbox

+

myskillbox

{% trans 'Setzen Sie Ihr neues Passwort' %}

diff --git a/server/core/templates/registration/password_reset_done.html b/server/core/templates/registration/password_reset_done.html index 19ab3616..a633fd53 100644 --- a/server/core/templates/registration/password_reset_done.html +++ b/server/core/templates/registration/password_reset_done.html @@ -5,7 +5,7 @@ {% block title %}{% trans 'Anweisungen versandt' %}{% endblock %} {% block body %} -

skillbox

+

myskillbox

{% trans 'Schauen Sie in Ihr Postfach' %}

{% trans 'Wir haben die Anweisungen, um Ihr Passwort zurückzusetzen, an Sie verschickt. Die E-Mail sollte in Kürze bei Ihnen ankommen.' %}

diff --git a/server/core/templates/registration/password_reset_form.html b/server/core/templates/registration/password_reset_form.html index f989be98..951543ce 100644 --- a/server/core/templates/registration/password_reset_form.html +++ b/server/core/templates/registration/password_reset_form.html @@ -5,7 +5,7 @@ {% block title %}{% trans 'Passwort vergessen?' %}{% endblock %} {% block body %} -

skillbox

+

myskillbox

{% trans 'Passwort vergessen?' %}

{% trans 'Kein Problem! Geben Sie Ihre E-Mail-Adresse ein und erhalten Sie weitere Anweisungen.' %}

diff --git a/server/core/templates/registration/set_password_complete.html b/server/core/templates/registration/set_password_complete.html index 9b6f4833..6c0f8c7b 100644 --- a/server/core/templates/registration/set_password_complete.html +++ b/server/core/templates/registration/set_password_complete.html @@ -4,7 +4,7 @@ {% block title %}{% trans 'Sie haben es geschafft' %}{% endblock %} {% block body %} -

skillbox

+

myskillbox

{% trans 'Sie haben es geschafft' %}

{% trans 'Ihr Passwort wurde erfolgreich gespeichert. Sie können sich nun anmelden.' %}

{% trans 'Jetzt anmelden' %}

diff --git a/server/core/templates/registration/set_password_confirm.html b/server/core/templates/registration/set_password_confirm.html index 31271509..a983722a 100644 --- a/server/core/templates/registration/set_password_confirm.html +++ b/server/core/templates/registration/set_password_confirm.html @@ -5,7 +5,7 @@ {% block title %}{% trans 'Setzen Sie Ihr Passwort' %}{% endblock %} {% block body %} -

skillbox

+

myskillbox

{% trans 'Geben Sie ein persönliches Passwort ein:' %}

diff --git a/server/core/templates/registration/set_password_done.html b/server/core/templates/registration/set_password_done.html index 30e532b9..9b0c201f 100644 --- a/server/core/templates/registration/set_password_done.html +++ b/server/core/templates/registration/set_password_done.html @@ -5,7 +5,7 @@ {% block title %}{% trans 'Schauen Sie in Ihr Postfach' %}{% endblock %} {% block body %} -

skillbox

+

myskillbox

{% trans 'Schauen Sie in Ihr Postfach' %}

{% trans 'Wir haben ein E-Mail mit allen weiteren Anweisungen an Sie verschickt. Die E-Mail sollte in Kürze bei Ihnen ankommen.' %}

{% trans 'Hinweis: Ihre persönlichen Angaben für Ihr Benutzerkonto wurden zuvor in mySkillbox importiert. Sie können ausschliesslich die importierte E-Mail-Adresse verwenden. Wenn Sie nicht wissen, welche E-Mail-Adresse für Sie importiert wurde, können Sie Ihre Lehrperson fragen.' %}

diff --git a/server/core/templates/registration/set_password_form.html b/server/core/templates/registration/set_password_form.html index c036ecf1..f07086ed 100644 --- a/server/core/templates/registration/set_password_form.html +++ b/server/core/templates/registration/set_password_form.html @@ -5,7 +5,7 @@ {% block title %}{% trans 'Willkommen bei mySkillbox' %}{% endblock %} {% block body %} -

skillbox

+

myskillbox

{% trans 'Willkommen bei Myskillbox' %}

{% trans 'Bevor Sie mySkillbox verwenden können, müssen Sie Ihre E-Mail-Adresse bestätigen und ein persönliches Passwort festlegen.' %}