scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-02-27 09:13:46 +08:00
Code Issues Projects Releases Packages Wiki Activity

Change the action-toolbar behavior after input from product team [SCI-7996]

Browse source
This commit is contained in:
sboursen-scinote 2023-02-28 15:47:06 +01:00
parent e6c92fc328
commit b6ddb79183
1 changed files with 5 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
app/assets/stylesheets/shared/datatable.scss
View file

@ -40,8 +40,7 @@
align-items: center;
display: flex;
flex-wrap: wrap;
height: var(--datatable-pagination-row);
box-shadow: inset 0 1px 0 $color-concrete;
min-height: var(--datatable-pagination-row);
position: relative;
width: 100%;
@ -49,34 +48,16 @@
align-items: center;
background-color: $color-concrete;
border-bottom: 1px solid $color-alto;
box-shadow: 0px -12px 24px -12px rgba(35, 31, 32, 0.2);
border-radius: 6px 6px 0px 0px;
display: none;
height: 70px;
overflow-x: auto;
padding: 0 1em;
position: absolute;
bottom: var(--datatable-pagination-row);
top: 0;
width: 100%;
z-index: 10;
.btn {
margin-right: .5em;
&:focus {
box-shadow: 0 0 0 4px $brand-focus;
}
&:not(.btn-primary) {
&:hover {
background-color: $color-white;
}
&:active {
outline-color: transparent;
background-color: $color-alto;
}
}
margin-right: .25em;
}
}
@ -146,8 +127,10 @@
}
&.show-actions {
--datatable-pagination-row: 139px;
.pagination-row {
padding-top: 71px;
.actions-toolbar {
display: flex;