scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2024-09-21 07:26:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

CSS fixes for project/experiments cards [SCI-7628]

Browse source
This commit is contained in:
Anton 2022-12-20 12:51:44 +01:00
parent b07e108d94
commit 250a4b4602
2 changed files with 14 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -149,14 +149,14 @@
.description-text {
-webkit-box-orient: vertical;
display: -webkit-box;
height: 4.5em;
height: 3em;
-webkit-line-clamp: 2;
overflow: hidden;
padding-top: .25em;
&::after {
background: linear-gradient(to right, $color-transparent, $color-white 50%);
bottom: .75em;
bottom: .4em;
content: "";
height: 1.75em;
position: absolute;
@ -167,7 +167,7 @@
}
.more-button {
bottom: .8em;
bottom: .5em;
position: absolute;
right: 1em;
}
@ -248,7 +248,7 @@
}
&.list {
grid-auto-rows: 1px minmax(5em, auto);
grid-auto-rows: 1px minmax(3em, 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;
@ -262,9 +262,10 @@
.workflow-img-wrapper {
flex-shrink: 0;
height: 3.5em;
margin: .25em 1em .25em .5em;
width: 3.5em;
height: 3em;
margin: 0 .75em 0 .25em;
padding: .25em;
width: 3em;
.archived-icon-plceholder {
font-size: 2em;
@ -275,7 +276,7 @@
text-align: center;
img {
max-height: 3em;
max-height: 2.5em;
}
}
}
@ -298,7 +299,7 @@
grid-column: 2;
height: 100%;
margin: 0;
padding: .5em 0;
padding: .25em 0;
a {
overflow: hidden;
@ -329,8 +330,8 @@
position: relative;
.description-text {
height: 4.5em;
-webkit-line-clamp: 3;
height: 3em;
-webkit-line-clamp: 2;
&::after {
bottom: .5em;
@ -345,6 +346,7 @@
.actions-cell {
grid-column: 8;
height: 100%;
padding-top: 3px;
position: initial;
}

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

@ -1193,8 +1193,7 @@ li.module-hover {
.project-code-cell {
height: min-content;
margin-top: 5px;
padding-left: 20px;
margin-top: 3px;
position: relative;
}