mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2024-09-21 23:46:21 +08:00
Merge pull request #4703 from aignatov-bio/ai-sci-7578-update-exposed-id-css-issues
Fix expose ids css fixes [SCI-7578]
This commit is contained in:
commit
d3c0baee40
|
@ -99,7 +99,7 @@
|
|||
a {
|
||||
color: inherit;
|
||||
display: inline-block;
|
||||
line-height: 21px;
|
||||
line-height: 1.25em;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -250,7 +250,7 @@
|
|||
}
|
||||
|
||||
&.list {
|
||||
grid-auto-rows: 1px 5em;
|
||||
grid-auto-rows: 1px minmax(5em, auto);
|
||||
grid-template-columns: max-content minmax(100px, auto) minmax(80px, max-content) repeat(calc(var(--list-columns-number) - 4), minmax(100px, auto)) max-content;
|
||||
grid-template-rows: 3em;
|
||||
|
||||
|
@ -300,7 +300,7 @@
|
|||
grid-column: 2;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: .25em 0;
|
||||
padding: .5em 0;
|
||||
|
||||
a {
|
||||
overflow: hidden;
|
||||
|
@ -310,6 +310,8 @@
|
|||
.experiment-code-cell {
|
||||
display: block;
|
||||
grid-column: 3;
|
||||
line-height: 1.25em;
|
||||
padding-top: .5em;
|
||||
}
|
||||
|
||||
.start-date-cell {
|
||||
|
@ -470,7 +472,10 @@
|
|||
.cards-wrapper {
|
||||
.card.experiment-card {
|
||||
.workflow-img-wrapper {
|
||||
align-items: center;
|
||||
background-color: $color-alto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
|
|
|
@ -678,7 +678,6 @@ li.module-hover {
|
|||
font-weight: bold;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
@ -720,6 +719,8 @@ li.module-hover {
|
|||
top: .2em;
|
||||
|
||||
.project-actions-menu {
|
||||
height: 40px;
|
||||
|
||||
a {
|
||||
@include font-button;
|
||||
padding: .5em 1em;
|
||||
|
@ -782,6 +783,7 @@ li.module-hover {
|
|||
height: 2em;
|
||||
line-height: 2em;
|
||||
margin-right: .25em;
|
||||
position: unset;
|
||||
width: 2em;
|
||||
}
|
||||
|
||||
|
@ -861,6 +863,7 @@ li.module-hover {
|
|||
}
|
||||
|
||||
&.list {
|
||||
grid-auto-rows: minmax(3em, auto) 1px;
|
||||
grid-template-columns: max-content repeat(calc(var(--list-columns-number) - 2), minmax(100px, auto)) max-content max-content;
|
||||
|
||||
.projects-group {
|
||||
|
@ -933,6 +936,11 @@ li.module-hover {
|
|||
grid-column: 2;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 5px 0;
|
||||
|
||||
h3 {
|
||||
line-height: 1.25em;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: $brand-primary-light;
|
||||
|
@ -1033,6 +1041,8 @@ li.module-hover {
|
|||
|
||||
.projects-container {
|
||||
.project-actions-menu {
|
||||
height: 40px;
|
||||
|
||||
.btn-light:hover {
|
||||
background: $color-alto;
|
||||
}
|
||||
|
@ -1054,6 +1064,8 @@ li.module-hover {
|
|||
}
|
||||
|
||||
.archived-date-cell {
|
||||
z-index: 2;
|
||||
|
||||
.value {
|
||||
color: $color-black;
|
||||
}
|
||||
|
@ -1111,8 +1123,8 @@ li.module-hover {
|
|||
|
||||
&.list {
|
||||
--list-columns-number: 8;
|
||||
grid-auto-rows: 3em 1px;
|
||||
grid-template-columns: max-content repeat(calc(var(--list-columns-number) - 2), minmax(100px, auto)) max-content;
|
||||
grid-auto-rows: minmax(3em, auto) 1px;
|
||||
grid-template-columns: max-content repeat(calc(var(--list-columns-number) - 3), minmax(100px, auto)) max-content max-content;
|
||||
|
||||
.card {
|
||||
&.folder-card {
|
||||
|
@ -1121,14 +1133,22 @@ li.module-hover {
|
|||
}
|
||||
}
|
||||
|
||||
.archived-date-cell {
|
||||
.user-cell {
|
||||
grid-column: 7;
|
||||
}
|
||||
|
||||
.archived-date-cell {
|
||||
grid-column: 5;
|
||||
}
|
||||
|
||||
.actions-cell {
|
||||
grid-column: 8;
|
||||
position: initial;
|
||||
}
|
||||
|
||||
.visibility-cell {
|
||||
grid-column: 6;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -1167,7 +1187,6 @@ li.module-hover {
|
|||
-webkit-box-orient: vertical;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
max-width: 200px;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -30,9 +30,9 @@
|
|||
<div class="table-header-cell"><%= t('.card.name') %></div>
|
||||
<div class="table-header-cell"><%= t('.card.id') %></div>
|
||||
<div class="table-header-cell"><%= t('.card.start_date') %></div>
|
||||
<div class="table-header-cell" data-view-mode="archived"><%= t('.card.archived_date') %></div>
|
||||
<div class="table-header-cell"><%= t('.card.visibility') %></div>
|
||||
<div class="table-header-cell"><%= t('.card.users') %></div>
|
||||
<div class="table-header-cell" data-view-mode="archived"><%= t('.card.archived_date') %></div>
|
||||
<div class="table-header-cell"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -8,16 +8,16 @@
|
|||
<span class="sci-checkbox-label"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="experiment-code-cell table-cell">
|
||||
<span><%= experiment.code %></span>
|
||||
</div>
|
||||
|
||||
|
||||
<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>
|
||||
</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 } %>
|
||||
|
|
Loading…
Reference in a new issue