Experiment table small css fixes [SCI-7678]

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

View file

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

View file

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

View file

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

View file

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