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

Fix expose ids css fixes [SCI-7578]

Browse source
This commit is contained in:
Anton 2022-12-09 09:57:30 +01:00
parent 08b9ec24f0
commit a3045a79a9
4 changed files with 36 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -99,7 +99,7 @@
a { a {
color: inherit; color: inherit;
display: inline-block; display: inline-block;
line-height: 21px; line-height: 1.25em;
} }
} }
@ -250,7 +250,7 @@
} }
&.list { &.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-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; grid-template-rows: 3em;
@ -300,7 +300,7 @@
grid-column: 2; grid-column: 2;
height: 100%; height: 100%;
margin: 0; margin: 0;
padding: .25em 0; padding: .5em 0;
a { a {
overflow: hidden; overflow: hidden;
@ -310,6 +310,8 @@
.experiment-code-cell { .experiment-code-cell {
display: block; display: block;
grid-column: 3; grid-column: 3;
line-height: 1.25em;
padding-top: .5em;
} }
.start-date-cell { .start-date-cell {
@ -470,7 +472,10 @@
.cards-wrapper { .cards-wrapper {
.card.experiment-card { .card.experiment-card {
.workflow-img-wrapper { .workflow-img-wrapper {
align-items: center;
background-color: $color-alto; background-color: $color-alto;
display: flex;
justify-content: center;
} }
.progress-bar { .progress-bar {

29
app/assets/stylesheets/projects.scss
View file

@ -678,7 +678,6 @@ li.module-hover {
font-weight: bold; font-weight: bold;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap;
width: 100%; width: 100%;
} }
@ -720,6 +719,8 @@ li.module-hover {
top: .2em; top: .2em;
.project-actions-menu { .project-actions-menu {
height: 40px;
a { a {
@include font-button; @include font-button;
padding: .5em 1em; padding: .5em 1em;
@ -782,6 +783,7 @@ li.module-hover {
height: 2em; height: 2em;
line-height: 2em; line-height: 2em;
margin-right: .25em; margin-right: .25em;
position: unset;
width: 2em; width: 2em;
} }
@ -861,6 +863,7 @@ li.module-hover {
} }
&.list { &.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; grid-template-columns: max-content repeat(calc(var(--list-columns-number) - 2), minmax(100px, auto)) max-content max-content;
.projects-group { .projects-group {
@ -933,6 +936,11 @@ li.module-hover {
grid-column: 2; grid-column: 2;
height: 100%; height: 100%;
margin: 0; margin: 0;
padding: 5px 0;
h3 {
line-height: 1.25em;
}
a:hover { a:hover {
color: $brand-primary-light; color: $brand-primary-light;
@ -1033,6 +1041,8 @@ li.module-hover {
.projects-container { .projects-container {
.project-actions-menu { .project-actions-menu {
height: 40px;
.btn-light:hover { .btn-light:hover {
background: $color-alto; background: $color-alto;
} }
@ -1054,6 +1064,8 @@ li.module-hover {
} }
.archived-date-cell { .archived-date-cell {
z-index: 2;
.value { .value {
color: $color-black; color: $color-black;
} }
@ -1111,8 +1123,8 @@ li.module-hover {
&.list { &.list {
--list-columns-number: 8; --list-columns-number: 8;
grid-auto-rows: 3em 1px; grid-auto-rows: minmax(3em, auto) 1px;
grid-template-columns: max-content repeat(calc(var(--list-columns-number) - 2), minmax(100px, auto)) max-content; grid-template-columns: max-content repeat(calc(var(--list-columns-number) - 3), minmax(100px, auto)) max-content max-content;
.card { .card {
&.folder-card { &.folder-card {
@ -1121,14 +1133,22 @@ li.module-hover {
} }
} }
.archived-date-cell { .user-cell {
grid-column: 7; grid-column: 7;
} }
.archived-date-cell {
grid-column: 5;
}
.actions-cell { .actions-cell {
grid-column: 8; grid-column: 8;
position: initial; position: initial;
} }
.visibility-cell {
grid-column: 6;
}
} }
} }
} }
@ -1167,7 +1187,6 @@ li.module-hover {
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
max-width: 200px;
overflow: hidden; overflow: hidden;
} }
} }

2
app/views/projects/index.html.erb
View file

@ -30,9 +30,9 @@
<div class="table-header-cell"><%= t('.card.name') %></div> <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.id') %></div>
<div class="table-header-cell"><%= t('.card.start_date') %></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.visibility') %></div>
<div class="table-header-cell"><%= t('.card.users') %></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 class="table-header-cell"></div>
</div> </div>
</div> </div>