EditTemplate buttons stick to top while scrolling

OrchardCMS · Dec 17, 2020 · ac382c7 · ac382c7
1 parent 7d92ccd
commit ac382c7
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/OrchardCore.Modules/OrchardCore.Templates/Views/Template/Edit.cshtml b/src/OrchardCore.Modules/OrchardCore.Templates/Views/Template/Edit.cshtml
@@ -51,7 +51,7 @@ else
         <span class="hint">@T["The Liquid template."]</span>
     </div>
 
-    <div class="form-group">
+    <div class="form-group position-sticky action-bar">
         <div class="btn-group">
             <button type="submit" name="submit" class="btn btn-primary save">@T["Save"]</button>
             <button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-reference="parent" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
@@ -79,5 +79,15 @@ else
         initializeTemplatePreview(
             document.getElementById('@Html.IdFor(x => x.Name)'),
             document.getElementById('@Html.IdFor(x => x.Content)'));
+
+        $(window).scroll(function (e) {
+            var $actionsBar = $('.action-bar');
+            if ($(this).scrollTop() > 200) {
+                $actionsBar.attr('style', 'position: fixed !important');
+            }
+            else {
+                $actionsBar.attr('style', 'position: static !important');
+            }
+        });
     });
 </script>