diff --git a/assets/scss/layout/_content.scss b/assets/scss/layout/_content.scss index c665cc9bea..c9f3864278 100644 --- a/assets/scss/layout/_content.scss +++ b/assets/scss/layout/_content.scss @@ -13,6 +13,60 @@ } } + header { + >.title-block { + display: flex; + flex-direction: row; + + margin-bottom: $length-10; + + >.content-thumbnail-group { + flex-shrink: 0; + margin-right: $length-10; + } + + >.content-title-and-subtitle-group { + width:100%; + + padding-bottom: $length-4; + + border-bottom: $length-1 solid $accent-500; + + >.content-title-group { + >.title { + display: inline; + vertical-align: middle; + border: none; + margin: 0; + padding: 0; + } + + >.edit-button { + display: inline-block; + vertical-align: middle; + } + } + + >.content-subtitle-group { + >.subtitle { + display: inline; + vertical-align: middle; + margin: 0; + padding: 0; + } + + >.edit-button { + display: inline-block; + vertical-align: middle; + } + } + + display: flex; + flex-direction: column; + } + } + } + section > h2 { display: flex; @@ -185,7 +239,7 @@ padding-right: $length-10; } - .illu img { + .content-thumbnail-group { display: none; } @@ -195,7 +249,8 @@ .members, p, figure, - blockquote { + blockquote, + .title-block { margin-left: $length-10; margin-right: $length-10; } diff --git a/assets/scss/layout/_main.scss b/assets/scss/layout/_main.scss index c5e5915de0..ab4489bb08 100644 --- a/assets/scss/layout/_main.scss +++ b/assets/scss/layout/_main.scss @@ -118,10 +118,7 @@ } .license { - float: right; - margin: 0; - margin-top: $length-10; } .subtitle { diff --git a/assets/scss/pages/_content-editor.scss b/assets/scss/pages/_content-editor.scss index d672677e82..c526e755d9 100644 --- a/assets/scss/pages/_content-editor.scss +++ b/assets/scss/pages/_content-editor.scss @@ -3,7 +3,6 @@ align-items: center; > :not(.edit-button) { - flex: 21; margin: 0; } } diff --git a/templates/tutorialv2/includes/headline/header.part.html b/templates/tutorialv2/includes/headline/header.part.html index 2e0315bd3f..e2d619f58a 100644 --- a/templates/tutorialv2/includes/headline/header.part.html +++ b/templates/tutorialv2/includes/headline/header.part.html @@ -1,21 +1,9 @@ -{% include "tutorialv2/includes/headline/licence.part.html" with licence=content.licence show_form=display_config.draft_actions.show_license_edit form=form_edit_license %} - -