mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2024-12-29 03:35:25 +08:00
Merge pull request #3163 from aignatov-bio/ai-sci-5469-update-experiment-card-css
Update experiment card css [SCI-5469]
This commit is contained in:
commit
1cfd9dd85e
3 changed files with 19 additions and 7 deletions
|
@ -171,6 +171,7 @@
|
|||
}
|
||||
|
||||
.workflow-img-container {
|
||||
flex-shrink: 0;
|
||||
height: 3.5em;
|
||||
margin: .25em 1em .25em 0;
|
||||
width: 3.5em;
|
||||
|
@ -195,6 +196,10 @@
|
|||
height: 100%;
|
||||
margin: 0;
|
||||
padding: .25em 0;
|
||||
|
||||
a {
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.start-date-cell {
|
||||
|
@ -213,13 +218,18 @@
|
|||
grid-column: 6;
|
||||
position: relative;
|
||||
|
||||
.description-text::after {
|
||||
bottom: 1.5em;
|
||||
right: .5em;
|
||||
.description-text {
|
||||
height: 4.5em;
|
||||
-webkit-line-clamp: 3;
|
||||
|
||||
&::after {
|
||||
bottom: .5em;
|
||||
right: .5em;
|
||||
}
|
||||
}
|
||||
|
||||
.more-button {
|
||||
bottom: 1.9em;
|
||||
bottom: .5em;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -19,9 +19,9 @@
|
|||
<div class="workflow-img-container" list-render="true">
|
||||
</div>
|
||||
<% if experiment.archived_branch? %>
|
||||
<%= link_to experiment.name, module_archive_experiment_path(experiment), title: experiment.name %>
|
||||
<%= link_to experiment.name, module_archive_experiment_path(experiment), title: experiment.name, class: 'name-link' %>
|
||||
<% else %>
|
||||
<%= link_to experiment.name, canvas_experiment_path(experiment), title: experiment.name %>
|
||||
<%= link_to experiment.name, canvas_experiment_path(experiment), title: experiment.name, class: 'name-link' %>
|
||||
<% end %>
|
||||
</div>
|
||||
<div class="actions actions-cell table-cell">
|
||||
|
@ -70,7 +70,7 @@
|
|||
<div class="description-text">
|
||||
<%= custom_auto_link(experiment.description, team: current_team) %>
|
||||
</div>
|
||||
<% if experiment.description.present? %>
|
||||
<% if experiment.description.present? && experiment.description.length > Constants::EXPERIMENT_LONG_DESCRIPTION %>
|
||||
<%= link_to t('experiments.card.more'),
|
||||
experiment_path(experiment),
|
||||
class: 'more-button experiment-action-link',
|
||||
|
|
|
@ -66,6 +66,8 @@ class Constants
|
|||
ATWHO_REP_NAME_LIMIT = 16
|
||||
# Results limited query/display elements for pages
|
||||
RESULTS_PER_PAGE_LIMIT = 10
|
||||
#Experiments more button appears
|
||||
EXPERIMENT_LONG_DESCRIPTION = 80
|
||||
|
||||
#=============================================================================
|
||||
# File and data memory size
|
||||
|
|
Loading…
Reference in a new issue