forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-03-11 10:03:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Created fake border with before and after pseudoelements for sticky table cells

Browse Source
This commit is contained in:
Alejandro Celaya
2020-04-05 16:02:42 +02:00
parent 94c5b2c471
commit cb7062bb95
3 changed files with 50 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/visits/VisitsTable.scss
View File

@@ -1,21 +1,20 @@
@import '../utils/base';
@import '../utils/mixins/sticky-cell';
.visits-table {
margin: 1.5rem 0 0;
position: relative;
}
.visits-table__sticky {
position: sticky;
}
.visits-table__header-cell {
cursor: pointer;
top: $headerHeight - 2px;
margin-bottom: 55px;
background-color: white;
z-index: 1;
border: 1px solid #dee2e6;
@include sticky-cell();
&.visits-table__sticky {
top: $headerHeight - 2px;
}
}
.visits-table__header-cell--no-action {
@@ -31,6 +30,10 @@
.visits-table__footer-cell.visits-table__footer-cell {
bottom: 0;
margin-top: 34px;
background-color: white;
padding: .5rem;
@include sticky-cell();
}
.visits-table__sticky.visits-table__sticky {
position: sticky;
}