Update general layout for task [SCI-6713]

This commit is contained in:
Anton 2022-04-21 12:55:39 +02:00 committed by Martin Artnik
parent 159180d8b9
commit df2ff32f2e
3 changed files with 118 additions and 98 deletions

View file

@ -7,8 +7,20 @@
@import "mixins"; @import "mixins";
.content-pane.my-modules-protocols-index { .content-pane.my-modules-protocols-index {
background-color: $color-alto;
margin: 0 -16px;
overflow: hidden;
padding: 36px 10px 10px;
width: calc(100% + 32px) ;
.my-module-position-container {
background-color: $color-white;
box-shadow: $flyout-shadow;
margin: 0 auto;
max-width: 900px;
padding: 10px; padding: 10px;
} }
}
.content-pane.protocols-repository-edit-view { .content-pane.protocols-repository-edit-view {
margin: 0; margin: 0;
@ -531,6 +543,10 @@
} }
@media (max-width: 700px) { @media (max-width: 700px) {
.content-pane.my-modules-protocols-index {
padding: 10px 0 0 0;
}
.my-module-protocol-status { .my-module-protocol-status {
.status-info-dropdown { .status-info-dropdown {
left: -75px; left: -75px;

View file

@ -412,11 +412,13 @@ a[data-toggle="tooltip"] {
} }
.navbar-secondary { .navbar-secondary {
min-height: 77px;
transition: .4s $timing-function-sharp; transition: .4s $timing-function-sharp;
} }
.navbar-without-sidebar{ .navbar-without-sidebar{
margin-left: 0px; margin-left: 0px;
min-height: 77px;
padding-left: 0; padding-left: 0;
transition: .4s $timing-function-sharp; transition: .4s $timing-function-sharp;
} }

View file

@ -38,6 +38,7 @@
<%= render partial: 'shared/secondary_navigation', locals: { render_breadcrumbs: true, project: @experiment.project, experiment: @experiment } %> <%= render partial: 'shared/secondary_navigation', locals: { render_breadcrumbs: true, project: @experiment.project, experiment: @experiment } %>
<div class="content-pane my-modules-protocols-index" data-task-id="<%= @my_module.id %>"> <div class="content-pane my-modules-protocols-index" data-task-id="<%= @my_module.id %>">
<div class="my-module-position-container">
<!-- Details --> <!-- Details -->
<div class="task-section task-information"> <div class="task-section task-information">
<div class="task-section-header"> <div class="task-section-header">
@ -144,6 +145,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- URL for status bar refreshing --> <!-- URL for status bar refreshing -->
<div class="hidden" data-role="protocol-status-bar-url" data-url="<%= protocol_status_bar_protocol_path(@protocol) %>"></div> <div class="hidden" data-role="protocol-status-bar-url" data-url="<%= protocol_status_bar_protocol_path(@protocol) %>"></div>