scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-11-10 00:11:22 +08:00
Code Issues Projects Releases Packages Wiki Activity

Experiment table small css fixes [SCI-7678]

Browse source
This commit is contained in:
Anton 2023-01-06 10:54:38 +01:00
parent 194c519a9b
commit f73d2496b8
4 changed files with 27 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/assets/stylesheets/experiment/show.scss
View file

@ -1,7 +1,8 @@
// scss-lint:disable SelectorDepth NestingDepth IdSelector // scss-lint:disable SelectorDepth NestingDepth IdSelector
#experimentTable, #experimentTable,
#experiment-canvas { #experiment-canvas,
#module-archive {
.experimnet-name { .experimnet-name {
max-width: calc(100% - 300px); max-width: calc(100% - 300px);
} }

8
app/assets/stylesheets/experiments.scss
View file

@ -21,6 +21,14 @@
} }
} }
.project-show-toolbar {
display: flex;
.btn {
margin-right: .25em;
}
}
.content-header { .content-header {
.project-name { .project-name {
align-items: center; align-items: center;

11
app/assets/stylesheets/shared/content_pane.scss
View file

@ -66,7 +66,7 @@
.dropdown-menu { .dropdown-menu {
@include font-button; @include font-button;
min-width: auto; min-width: 190px;
.divider-label { .divider-label {
@include font-small; @include font-small;
@ -74,9 +74,13 @@
padding: .25em 1em; padding: .25em 1em;
} }
.divider {
margin: 0;
}
li { li {
cursor: pointer; cursor: pointer;
padding: 1em; padding: .5em 1em;
white-space: nowrap; white-space: nowrap;
.button-icon { .button-icon {
@ -87,10 +91,11 @@
background: $color-concrete; background: $color-concrete;
} }
a { a {
display: inline-block; display: inline-block;
margin: -1em; margin: -1em;
padding: 1em; padding: .5em 1em;
width: calc(100% + 2em); width: calc(100% + 2em);
&.selected::after { &.selected::after {

16
app/views/projects/show/_header.html.erb
View file

@ -46,14 +46,16 @@
<% end %> <% end %>
</li> </li>
<div role="separator" class="divider"></div> <% unless @project.archived?%>
<li class="view-switch-active archive-switch" data-view-mode="archived" data-url="<%= project_path(@project) %>"> <div role="separator" class="divider"></div>
<i class="fas fa-rocket button-icon"></i> <%= t('experiments.header.active_experiments') %> <li class="view-switch-active archive-switch" data-view-mode="archived" data-url="<%= project_path(@project) %>">
</li> <i class="fas fa-rocket button-icon"></i> <%= t('experiments.header.active_experiments') %>
</li>
<li class="view-switch-archived archive-switch" data-view-mode="active" data-url="<%= project_path(@project, view_mode: 'archived') %>"> <li class="view-switch-archived archive-switch" data-view-mode="active" data-url="<%= project_path(@project, view_mode: 'archived') %>">
<i class="fas fa-archive button-icon"></i> <%= t('experiments.header.archived_experiments') %> <i class="fas fa-archive button-icon"></i> <%= t('experiments.header.archived_experiments') %>
</li> </li>
<% end %>
<% end %> <% end %>
<%= render layout: 'shared/filter_dropdown', locals: { <%= render layout: 'shared/filter_dropdown', locals: {
container_class: 'experiments-filters', container_class: 'experiments-filters',