education/course-mini-excel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add table resize

Browse Source
This commit is contained in:
Sergey Krylov 2022-06-21 20:01:25 +05:00
parent 4ecdac01fc
commit 9fd1eccd74
1 changed files with 35 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/styles/components/table.scss
View File

@ -19,14 +19,15 @@
min-width: $info-cell-width; min-width: $info-cell-width;
border: 1px solid $border-color; border: 1px solid $border-color;
background: #f8f9fa; background: #f8f9fa;
// height: 100%;
border-top: 0; border-top: 0;
border-left: 0; border-left: 0;
position: relative;
} }
.row-data { .row-data {
display: flex; display: flex;
} }
.column { .column {
position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -49,8 +50,39 @@
outline: none; outline: none;
&.selected { &.selected {
border: none; border: none;
outline: 2px solid #3c74ff; outline: 2px solid $primary-color;
z-index: 2; z-index: 2;
} }
} }
} .col-resize{
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 4px;
background: $primary-color;
opacity: 0;
z-index: 2;
&:hover{
cursor: col-resize;
opacity: 1 !important;
}
}
.row-resize{
position: absolute;
bottom: 0;
right: 2px;
left: 0;
height: 4px;
opacity: 0;
background: $primary-color;
z-index: 2;
&:hover{
cursor: row-resize;
opacity: 1 !important;
}
}
}