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_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 %}
- {% 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 %}
- {% trans 'Ihr Passwort wurde erfolgreich gespeichert. Sie können sich nun anmelden.' %}