diff --git a/app/assets/stylesheets/my_modules/protocol.scss b/app/assets/stylesheets/my_modules/protocol.scss index 073aa7b91..c4039e228 100644 --- a/app/assets/stylesheets/my_modules/protocol.scss +++ b/app/assets/stylesheets/my_modules/protocol.scss @@ -13,7 +13,9 @@ .protocol-buttons-group { align-items: center; display: flex; - gap: 1rem; + flex-wrap: wrap; + column-gap: 1rem; + row-gap: .4rem; } .portocol-header-left-part { @@ -47,7 +49,6 @@ background-position: top; background-size: 10px 1px; background-repeat: repeat-x; - border-bottom: 1px dotted transparent; content: ""; display: inline-block; @@ -102,3 +103,14 @@ color: var(--sn-grey); } } + +@media screen and (max-width: 1395px) { + .task-section-header { + height: 7.44rem; + } + + .protocol-buttons-group { + flex-wrap: wrap; + margin: 1rem; + } +} diff --git a/app/javascript/vue/mixins/stackableHeadersMixin.js b/app/javascript/vue/mixins/stackableHeadersMixin.js index c9bbffe74..b5e14b3b0 100644 --- a/app/javascript/vue/mixins/stackableHeadersMixin.js +++ b/app/javascript/vue/mixins/stackableHeadersMixin.js @@ -95,7 +95,6 @@ export default { 'top', stickyNavigationHeight + parseInt($(this.secondaryNavigation).css('top'), 10) ); - this.lastScrollTop = window.scrollY; // Save last scroll position to when user scroll up/down }, }, diff --git a/app/javascript/vue/protocol/container.vue b/app/javascript/vue/protocol/container.vue index 179991260..7901bc65f 100644 --- a/app/javascript/vue/protocol/container.vue +++ b/app/javascript/vue/protocol/container.vue @@ -5,7 +5,7 @@