ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Update more margins

This commit is contained in:
Ramon Wenger 2020-10-08 15:58:13 +02:00
parent fc279b94b0
commit 1e53aceb04
6 changed files with 28 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/components/ContentBlock.vue
View File

@ -287,7 +287,7 @@
.content-block__title { .content-block__title {
color: $color-brand; color: $color-brand;
margin-top: $default-padding; margin-top: $default-padding;
margin-bottom: $section-spacing; margin-bottom: $large-spacing;
@include light-border(bottom); @include light-border(bottom);
@include desktop { @include desktop {

5
client/src/components/content-blocks/ContentComponent.vue
View File

@ -123,6 +123,11 @@ export default {
margin-bottom: $large-spacing; margin-bottom: $large-spacing;
} }
&--section_title {
margin-top: $section-spacing;
margin-bottom: $large-spacing;
}
&--text_block { &--text_block {
margin-bottom: $large-spacing; margin-bottom: $large-spacing;
} }

11
client/src/components/modules/Module.vue
View File

@ -26,11 +26,13 @@
<h3 id="objectives">Lernziele</h3> <h3 id="objectives">Lernziele</h3>
<objective-groups :groups="languageCommunicationObjectiveGroups"/> <div class="module__objective-groups">
<objective-groups :groups="languageCommunicationObjectiveGroups"/>
<objective-groups :groups="societyObjectiveGroups"/> <objective-groups :groups="societyObjectiveGroups"/>
<objective-groups :groups="interdisciplinaryObjectiveGroups"/> <objective-groups :groups="interdisciplinaryObjectiveGroups"/>
</div>
<chapter <chapter
:chapter="chapter" :chapter="chapter"
@ -268,5 +270,8 @@
margin-top: 3px; margin-top: 3px;
} }
&__objective-groups {
margin-bottom: $large-spacing;
}
} }
</style> </style>

3
client/src/components/objective-groups/ObjectiveGroup.vue
View File

@ -58,8 +58,11 @@
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import "@/styles/_variables.scss";
.objective-group { .objective-group {
position: relative; position: relative;
margin-top: $large-spacing;
&__actions { &__actions {
position: absolute; position: absolute;

12
client/src/components/objective-groups/ObjectiveGroups.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div> <div class="objective-groups">
<objective-group <objective-group
:key="group.id" :key="group.id"
:group="group" :group="group"
@ -63,3 +63,13 @@
} }
}; };
</script> </script>
<style scoped lang="scss">
@import "@/styles/_variables.scss";
.objective-groups {
margin-bottom: $large-spacing;
display: flex;
flex-direction: column;
}
</style>

2
client/src/styles/_objective-group.scss
View File

@ -2,8 +2,6 @@
@import 'mixins'; @import 'mixins';
.objective-group { .objective-group {
margin-bottom: 35px;
&__objective-list { &__objective-list {
list-style: none; list-style: none;