Fix my module layout

This commit is contained in:
Anton 2023-05-15 15:38:44 +02:00
parent e16ffc08d5
commit 8be2a02d9b
2 changed files with 13 additions and 16 deletions

View file

@ -8,7 +8,15 @@
@import "mixins"; @import "mixins";
.content-pane.my-modules-protocols-index { .content-pane.my-modules-protocols-index {
padding: 0 10px 10px; background-color: $color-alto;
margin-left: calc(-1rem - 2px) !important;
padding: 0 1rem 1rem !important;
width: calc(100% + 2rem);
.title-row {
margin-left: -1rem !important;
width: calc(100% + 2rem) !important;
}
.my-module-position-container { .my-module-position-container {
background-color: $color-white; background-color: $color-white;
@ -16,18 +24,8 @@
margin: 1rem auto; margin: 1rem auto;
max-width: 900px; max-width: 900px;
padding: 10px; padding: 10px;
position: relative;
z-index: 2; z-index: 2;
} }
.my-module-background {
background-color: $color-alto;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
}
} }
.content-pane.protocols-repository-edit-view { .content-pane.protocols-repository-edit-view {

View file

@ -38,7 +38,6 @@
<% end %> <% end %>
<%= render partial: 'shared/drag_n_drop_overlay' %> <%= render partial: 'shared/drag_n_drop_overlay' %>
<div class="content-pane flexible my-modules-protocols-index" data-task-id="<%= @my_module.id %>"> <div class="content-pane flexible my-modules-protocols-index" data-task-id="<%= @my_module.id %>">
<div class="my-module-background"></div>
<%= render partial: 'my_modules/header' %> <%= render partial: 'my_modules/header' %>
<div class="my-module-position-container"> <div class="my-module-position-container">
<!-- Details --> <!-- Details -->
@ -130,10 +129,10 @@
data-date-format="<%= datetime_picker_format_date_only %>" data-date-format="<%= datetime_picker_format_date_only %>"
data-user-utc-offset="<%= ActiveSupport::TimeZone.find_tzinfo(current_user.time_zone).utc_offset %>" data-user-utc-offset="<%= ActiveSupport::TimeZone.find_tzinfo(current_user.time_zone).utc_offset %>"
> >
<protocol-container <protocol-container
:protocol-url="protocolUrl" :protocol-url="protocolUrl"
/> />
</div> </div>
</div> </div>
</div> </div>
</div> </div>