tmdinosaurcenter
/
tainacan
mirror of https://github.com/tainacan/tainacan
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Selected item on list wuth correct background on actions talbe cell.

This commit is contained in:
Mateus Machado Luna 2018-05-18 13:53:27 -03:00
parent 296e664890
commit 690ec0da55
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/admin/components/lists/items-list.vue
View File

@ -327,6 +327,7 @@ export default {
.checkbox-cell { .checkbox-cell {
min-width: 44px; min-width: 44px;
width: 44px;
padding: 0; padding: 0;
position: sticky !important; position: sticky !important;
position: -webkit-sticky !important; position: -webkit-sticky !important;
@ -335,7 +336,7 @@ export default {
visibility: hidden; visibility: hidden;
&::before { &::before {
box-shadow: inset 51px 0 10px -12px #222; box-shadow: inset 54px 0 10px -12px #222;
content: " "; content: " ";
width: 54px; width: 54px;
height: 100%; height: 100%;
@ -412,22 +413,22 @@ export default {
td.actions-cell { td.actions-cell {
padding: 0px; padding: 0px;
visibility: hidden;
position: sticky !important; position: sticky !important;
position: -webkit-sticky !important; position: -webkit-sticky !important;
right: 0px; right: 0px;
top: auto; top: auto;
width: 8.333333333%; width: 8.333333333%;
background-color: $tainacan-input-background;
.actions-container { .actions-container {
visibility: hidden;
display: flex; display: flex;
position: relative; position: relative;
padding: 0; padding: 0;
height: 100%; height: 100%;
min-width: 120px; min-width: 120px;
z-index: 9; z-index: 9;
background-color: $tainacan-input-background; background-color: transparent;
} }
a { a {
@ -446,10 +447,13 @@ export default {
.checkbox { background-color: $tainacan-input-background; } .checkbox { background-color: $tainacan-input-background; }
} }
.actions-cell { .actions-cell {
.actions-container {
visibility: visible; visibility: visible;
background: $tainacan-input-background;
}
&::after { &::after {
box-shadow: inset -132px 0 17px -21px #222; box-shadow: inset -134px 0 17px -21px #222;
content: " "; content: " ";
width: 140px; width: 140px;
height: 100%; height: 100%;