scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2024-09-21 15:36:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

CSS: Protocol templates UI issues [SCI-8790] (#5736)

Browse source 
* CSS: Protocol templates UI issues [SCI-8790]

* Reorder css properties

* Remove whitespace in scss

* Adding flexible class to protocols-show
This commit is contained in:
ivanscinote 2023-07-14 12:31:54 +02:00 committed by GitHub
parent 527551068b
commit a483699d73
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 11 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/assets/stylesheets/protocol_management.scss
View file

@ -12,8 +12,6 @@
.btn-open-file { .btn-open-file {
overflow: hidden; overflow: hidden;
position: relative; position: relative;
margin-top: 9px;
margin-bottom: 4px;
> input[type=file] { > input[type=file] {
background: $color-white; background: $color-white;

13
app/assets/stylesheets/protocols/protocol.scss
View file

@ -5,10 +5,14 @@
@import "mixins"; @import "mixins";
.content-pane.protocols-show { .content-pane.protocols-show {
--container-margin: 20px;
background-color: $color-alto; background-color: $color-alto;
min-height: calc(100vh - var(--navbar-height)); min-height: calc(100vh - var(--navbar-height) - var(--container-margin));
overflow: hidden; overflow: hidden;
padding: 0 0 10px; padding: 0 0 10px;
display: flex;
flex-direction: column;
align-items: center;
.title-row h1 { .title-row h1 {
max-width: 100%; max-width: 100%;
@ -16,6 +20,7 @@
.content-header { .content-header {
padding: 0 1.5rem; padding: 0 1.5rem;
align-self: stretch;
} }
.protocol-breadcrumbs { .protocol-breadcrumbs {
@ -26,9 +31,9 @@
background-color: $color-white; background-color: $color-white;
border-radius: 2px; border-radius: 2px;
box-shadow: $flyout-shadow; box-shadow: $flyout-shadow;
margin: 20px auto; margin: var(--container-margin) 0;
max-width: 900px;
padding: 10px 10px 10px 26px; padding: 10px 10px 10px 26px;
width: 900px;
} }
.dropdown-menu { .dropdown-menu {
@ -40,7 +45,7 @@
} }
.protocol-section { .protocol-section {
margin: 16px 0 16px -20px; margin: 16px 0;
&.protocol-steps-section { &.protocol-steps-section {
margin-left: 0; margin-left: 0;

2
app/javascript/vue/protocol/container.vue
View file

@ -36,7 +36,7 @@
</div> </div>
</div> </div>
<div id="protocol-content" class="protocol-content collapse in" aria-expanded="true"> <div id="protocol-content" class="protocol-content collapse in" aria-expanded="true">
<div class="protocol-description"> <div>
<div class="protocol-name" v-if="!inRepository"> <div class="protocol-name" v-if="!inRepository">
<InlineEdit <InlineEdit
v-if="urls.update_protocol_name_url" v-if="urls.update_protocol_name_url"

2
app/views/protocols/show.html.erb
View file

@ -3,7 +3,7 @@
<%= render partial: "/shared/sidebar/templates_sidebar", locals: {active: :protocol} %> <%= render partial: "/shared/sidebar/templates_sidebar", locals: {active: :protocol} %>
<% end %> <% end %>
<% provide(:container_class, 'no-second-nav-container') %> <% provide(:container_class, 'no-second-nav-container') %>
<div class="content-pane protocols-show" > <div class="content-pane protocols-show flexible" >
<div class="content-header"> <div class="content-header">
<div class="title-row"> <div class="title-row">
<h1> <h1>