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

Update actions toolbar styles [SCI-7996]

Browse source
This commit is contained in:
sboursen-scinote 2023-02-27 16:07:46 +01:00
parent af48cede1f
commit e02705c3f1
2 changed files with 24 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/assets/stylesheets/protocols/index.scss
View file

@ -46,6 +46,7 @@
flex-direction: column;
flex-grow: 1;
height: calc(100% - var(--datatable-pagination-row) - var(--protocol-toolbar-size));
padding-bottom: 12px;
}
.dataTables_scrollBody {

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

@ -39,8 +39,10 @@
.pagination-row {
align-items: center;
display: flex;
align-items: center;
flex-wrap: wrap;
min-height: var(--datatable-pagination-row);
height: var(--datatable-pagination-row);
box-shadow: inset 0px 1px 0px $color-concrete;
position: relative;
width: 100%;
@ -48,16 +50,34 @@
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;
top: 0;
bottom: var(--datatable-pagination-row);
width: 100%;
z-index: 10;
.btn {
margin-right: .25em;
margin-right: .5em;
&:focus {
box-shadow: 0 0 0 4px rgba(96, 159, 255, .5);
}
&:not(.btn-primary) {
&:hover {
background-color: $color-white;
}
&:active {
outline-color: transparent;
background-color: $color-alto;
}
}
}
}
@ -127,10 +147,8 @@
}
&.show-actions {
--datatable-pagination-row: 139px;
.pagination-row {
padding-top: 71px;
.actions-toolbar {
display: flex;