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

Fix experiment cards views [SCI-7579]

Browse source
This commit is contained in:
Anton 2022-12-13 13:14:51 +01:00
parent ff6471ce14
commit 66d21e9c4f
3 changed files with 28 additions and 55 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -48,9 +48,10 @@
.cards-wrapper {
--card-min-width: 350px;
--list-columns-number: 8;
grid-auto-rows: auto;
.card {
grid-row: span 7;
align-items: center;
.experiment-code-cell {
display: block;
@ -86,9 +87,8 @@
.experiment-name-cell {
@include font-h3;
height: 3em;
margin: .25em 1.75em -.25em;
margin-bottom: 1em;
width: 100%;
position: relative;
a {
@ -102,15 +102,9 @@
}
}
.actions {
position: absolute;
right: .2em;
top: .2em;
}
.dates-and-img-container {
display: flex;
height: 7em;
height: 6em;
width: 100%;
.dates-container {
@ -118,11 +112,16 @@
}
}
.actions-cell {
height: 36px;
margin-left: .5em;
}
.data-row {
display: flex;
line-height: 34px;
.card-label {
color: $color-silver-chalice;
width: 7em;
}
@ -131,6 +130,14 @@
}
}
.modified-date-cell {
margin-left: auto;
.card-label {
color: $color-silver-chalice;
}
}
.progress {
box-shadow: none;
height: 4px;
@ -150,7 +157,7 @@
.description-text {
-webkit-box-orient: vertical;
display: -webkit-box;
height: 3em;
height: 4.5em;
-webkit-line-clamp: 2;
overflow: hidden;
padding-top: .25em;
@ -540,33 +547,3 @@
}
}
}
.cards-wrapper.last-page.cards {
.experiment-card {
.experiment-name-cell {
right: 28px;
top: -11px;
}
.data-row {
.card-label {
color: $color-silver-chalice;
}
}
.modified-date-cell {
color: $color-silver-chalice;
left: 80px;
margin-left: auto;
margin-right: 114px;
position: relative;
top: -2px;
}
.experiment-code-cell {
left: 20px;
position: relative;
top: 5px;
}
}
}

3
app/assets/stylesheets/shared/cards.scss
View file

@ -59,9 +59,6 @@
display: flex;
height: 2em;
justify-content: center;
left: .5em;
position: absolute;
top: .5em;
width: 2em;
}
}

19
app/views/projects/show/_experiment_card.html.erb
View file

@ -15,9 +15,16 @@
<div class="data-row modified-date-cell table-cell">
<span class="card-label" cards-render="true"><%= t('experiments.card.modified_date') %></span>
<span class="card-value"><%= l(experiment.updated_at, format: :full_date) %></span>
<span><%= l(experiment.updated_at, format: :full_date) %></span>
</div>
<div class="actions actions-cell table-cell">
<div class="dropdown dropdown-async experiment-actions-menu" data-dropdown-url="<%= actions_dropdown_experiment_path(experiment) %>">
<button class="btn btn-light dropdown-toggle icon-btn" type="button" id="experimentActionsDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<i class="fas fa-ellipsis-h"></i>
</button>
<ul></ul>
</div>
</div>
<div class="experiment-name-cell table-cell">
<div class="workflow-img-wrapper" list-render="true">
<%= render partial: 'projects/show/experiment_workflow_image_container', locals: { experiment: experiment } %>
@ -28,14 +35,6 @@
<%= link_to experiment.name, canvas_experiment_path(experiment), title: experiment.name, class: 'name-link' %>
<% end %>
</div>
<div class="actions actions-cell table-cell">
<div class="dropdown dropdown-async experiment-actions-menu" data-dropdown-url="<%= actions_dropdown_experiment_path(experiment) %>">
<button class="btn btn-light dropdown-toggle icon-btn" type="button" id="experimentActionsDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<i class="fas fa-ellipsis-h"></i>
</button>
<ul></ul>
</div>
</div>
<div class="dates-and-img-container">
<div class="dates-container">
<div class="data-row start-date-cell table-cell">