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

Fix scss style issues

Browse source
This commit is contained in:
sboursen-scinote 2023-01-10 20:33:25 +01:00
parent 83378e4ade
commit a7f17524d2
1 changed files with 18 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
app/assets/stylesheets/experiment/table.scss
View file

@ -8,7 +8,7 @@
.title-row { .title-row {
.header-actions { .header-actions {
&.experiment-header { &.experiment-header {
column-gap: 0.25em; column-gap: .25em;
} }
.sort-task-menu { .sort-task-menu {
@ -22,10 +22,7 @@
} }
.experiment-table-container { .experiment-table-container {
height: calc( height: calc(100vh - var(--content-header-size) - var(--navbar-height) - var(--toolbar-height));
100vh - var(--content-header-size) - var(--navbar-height) -
var(--toolbar-height)
);
overflow: auto; overflow: auto;
} }
@ -38,7 +35,7 @@
display: flex; display: flex;
.btn { .btn {
margin-right: 0.25em; margin-right: .25em;
} }
} }
@ -50,9 +47,7 @@
.experiment-table { .experiment-table {
display: grid; display: grid;
grid-auto-rows: 3em 1px; grid-auto-rows: 3em 1px;
grid-template-columns: grid-template-columns: max-content repeat(calc(var(--columns-count)), minmax(max-content, auto)) max-content;
max-content repeat(calc(var(--columns-count)), minmax(max-content, auto))
max-content;
min-width: 100%; min-width: 100%;
.table-header-cell { .table-header-cell {
@ -61,7 +56,7 @@
border: 1px solid $color-white; border: 1px solid $color-white;
display: flex; display: flex;
height: 3em; height: 3em;
padding: 0 0.5em; padding: 0 .5em;
position: sticky; position: sticky;
position: -webkit-sticky; position: -webkit-sticky;
top: 0; top: 0;
@ -118,7 +113,7 @@
.table-body-cell { .table-body-cell {
align-items: center; align-items: center;
display: flex; display: flex;
padding: 0 0.5em; padding: 0 .5em;
.my-module-users-link { .my-module-users-link {
color: $color-silver-chalice; color: $color-silver-chalice;
@ -132,7 +127,7 @@
color: $color-silver-chalice; color: $color-silver-chalice;
height: 2em; height: 2em;
line-height: 2em; line-height: 2em;
margin-right: 0.25em; margin-right: .25em;
width: 2em; width: 2em;
} }
@ -142,7 +137,7 @@
color: $color-white; color: $color-white;
height: 2em; height: 2em;
line-height: 2em; line-height: 2em;
margin-right: 0.25em; margin-right: .25em;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
width: 2em; width: 2em;
@ -186,7 +181,7 @@
.assign-users-dropdown { .assign-users-dropdown {
.dropdown-menu { .dropdown-menu {
padding: 0.5em; padding: .5em;
width: 280px; width: 280px;
} }
@ -198,10 +193,10 @@
.user-container { .user-container {
align-items: center; align-items: center;
display: flex; display: flex;
padding: 0.5em; padding: .5em;
.user-avatar { .user-avatar {
padding: 0 0.75em; padding: 0 .75em;
&.archived { &.archived {
padding-left: 0; padding-left: 0;
@ -292,13 +287,14 @@
width: 24px; width: 24px;
} }
@keyframes placeholder-pulsing { @keyframes placeholder-pulsing {
0% { 0% {
opacity: 1; opacity: 1;
} }
50% { 50% {
opacity: 0.5; opacity: .5;
} }
100% { 100% {
@ -353,7 +349,7 @@
.clear-date { .clear-date {
cursor: pointer; cursor: pointer;
left: 90%; left: calc(100% - 16px);
position: absolute; position: absolute;
text-align: center; text-align: center;
top: 0; top: 0;
@ -384,7 +380,7 @@
left: 0; left: 0;
position: absolute; position: absolute;
top: 0; top: 0;
width: 90%; width: calc(100% - 16px);
.calendar-due-date { .calendar-due-date {
opacity: 0; opacity: 0;
@ -392,9 +388,10 @@
} }
&:hover { &:hover {
.date-text[data-editable="true"] { .date-text[data-editable=true] {
background-color: $color-concrete; background-color: $color-concrete;
border-radius: 4px; border-radius: 4px;
} }
} }
} }
@ -423,7 +420,7 @@
align-items: center; align-items: center;
border-bottom: $border-default; border-bottom: $border-default;
display: flex; display: flex;
padding: 0.5em 1em; padding: .5em 1em;
&:not(.visible) { &:not(.visible) {
color: $color-alto; color: $color-alto;