fix scrollytelling layout

Author: Ron Lucke

blocks/Courseware/js/section_list.js

@@ -28,7 +28,9 @@ export default Backbone.View.extend({
 
   postRender() {
     tooltip(this.$el, 'li.prev,li.section,li.next', function () { return jQuery(this).find('a').attr('data-title') });
-    this.makeSticky();
+    if (!this.$el.hasClass('active-subchapter-nav-disabled')) {
+      this.makeSticky();
+    }
   },
 
   makeSticky() {

blocks/Courseware/templates/active_subchapter.mustache

@@ -1,7 +1,7 @@
 <div class="active-subchapter-nav-placeholder"></div>
 <ol class="active-subchapter 
-  {{^show_section_nav}} active-subchapter-nav-disabled {{/show_section_nav}}
-  {{#sections_as_chapters}} active-subchapter-nav-disabled {{/sections_as_chapters}}"
+  {{^show_section_nav}} {{^scrollytelling}}active-subchapter-nav-disabled {{/scrollytelling}}{{/show_section_nav}}
+  {{#sections_as_chapters}} {{^scrollytelling}} active-subchapter-nav-disabled {{/scrollytelling}} {{/sections_as_chapters}}"
   data-blockid={{active_subchapter.id}}
   data-type=Subchapter>
 
@@ -11,8 +11,7 @@
      </li>
   {{/scrollytelling}}
 
-  {{#show_section_nav}}
-    {{^sections_as_chapters}}
+
       {{#section_nav}}
         {{#prev}}
           <li class="prev">
@@ -32,15 +31,19 @@
         {{/prev}}
       {{/section_nav}}
 
-      {{#sections}}
-        {{> section}}
-      {{/sections}}
-      {{^sections}}
-        {{> section_empty}}
-      {{/sections}}
+      {{#show_section_nav}}
+        {{^sections_as_chapters}}
 
-      <li class=no-content>{{#i18n}}Keine Abschnitte{{/i18n}}</li>
+        {{#sections}}
+          {{> section}}
+        {{/sections}}
+        {{^sections}}
+          {{> section_empty}}
+        {{/sections}}
 
+        <li class=no-content>{{#i18n}}Keine Abschnitte{{/i18n}}</li>
+          {{/sections_as_chapters}}
+        {{/show_section_nav}}
       {{#section_nav}}
         {{#next}}
           <li class="next">
@@ -60,6 +63,8 @@
         {{/next}}
       {{/section_nav}}
 
+  {{#show_section_nav}}
+    {{^sections_as_chapters}}
       {{#user_can_edit_subchapter}}
         <li class=controls>
           <button class=add-section>{{#i18n}}Abschnitt einfügen{{/i18n}}</button>

blocks/Courseware/templates/edit_structure.mustache

@@ -4,10 +4,10 @@
   <button type="button" class="cancel">cancel</button>
   {{#chapter}}
   <br>
-  <label for="publication_date">{{#i18n}}sichtbar ab:{{/i18n}}</label>
+  <label for="publication_date">{{#i18n}}sichtbar ab{{/i18n}}:</label>
   <input type="date" name="publication_date" value="{{publication_date}}">
   <br>
-  <label for="withdraw_date">{{#i18n}}unsichtbar ab:{{/i18n}}</label>
+  <label for="withdraw_date">{{#i18n}}unsichtbar ab{{/i18n}}:</label>
   <input type="date" name="withdraw_date" value="{{withdraw_date}}">
   <br>
   <span class="date-info">{{#i18n}}Enddatum liegt vor Startdatum!{{/i18n}}</span>

blocks/ScrollyBlock/css/scrolly_block.less

@@ -4,7 +4,9 @@
 section#courseware.scrollyware {
 
     ol.active-subchapter.stuck {
-        position: unset;
+        border: solid thin #ccc;
+        padding-left: 12px;
+        left: 0 !important;
     }
 
     section.block.HtmlBlock,