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

Updated tabs in visits section to be sticky

Browse Source
This commit is contained in:
Alejandro Celaya
2020-12-12 21:05:54 +01:00
parent c74355e363
commit 6090f97347
6 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/visits/VisitsStats.scss
View File

@@ -1,5 +1,11 @@
@import '../utils/base';
.visits-stats__nav {
position: sticky !important;
top: $headerHeight - 1px;
z-index: 2;
}
.visits-stats__nav-link {
border-radius: 0 !important;
padding-bottom: calc(.5rem - 3px) !important;

4
src/visits/VisitsStats.tsx
View File

@@ -116,8 +116,8 @@ const VisitsStats: FC<VisitsStatsProps> = ({ children, visitsInfo, getVisits, ca
return (
<>
<Card className="p-0 mt-4 overflow-hidden" body>
<Nav className="visits-stats__nav" pills justified>
<Card className="visits-stats__nav p-0 mt-4 overflow-hidden" body>
<Nav pills justified>
{Object.entries(sections).map(
([ section, { title, icon }]) => (
<NavLink

2
src/visits/VisitsTable.scss
View File

@@ -15,7 +15,7 @@
@media (min-width: $mdMin) {
&.visits-table__sticky {
top: $headerHeight - 2px;
top: $headerHeight + 40px;
}
}
}