mirrors/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2024-12-23 09:30:31 +03:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #260 from acelaya-forks/feature/responsive-visits-table

Browse source 
Feature/responsive visits table
This commit is contained in:
Alejandro Celaya 2020-04-28 19:08:20 +02:00 committed by GitHub
commit 85dc1d0825
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 11 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/common/MenuLayout.js
View file

@ -31,8 +31,12 @@ const MenuLayout = (TagsList, ShortUrls, AsideMenu, CreateShortUrl, ShortUrlVisi
const burgerClasses = classNames('menu-layout__burger-icon', {
'menu-layout__burger-icon--active': sidebarVisible,
});
const swipeMenuIfNoModalExists = (callback) => () => {
if (document.querySelector('.modal')) {
const swipeMenuIfNoModalExists = (callback) => (e) => {
const swippedOnVisitsTable = e.event.path.some(
({ classList }) => classList && classList.contains('visits-table')
);
if (swippedOnVisitsTable || document.querySelector('.modal')) {
return;
}

2
src/visits/VisitsTable.js
View file

@ -88,7 +88,7 @@ const VisitsTable = ({
}, [ searchTerm ]);
return (
<table className="table table-striped table-bordered table-hover table-sm visits-table">
<table className="table table-striped table-bordered table-hover table-sm table-responsive-sm visits-table">
<thead className="visits-table__header">
<tr>
<th

6
src/visits/VisitsTable.scss
View file

@ -12,8 +12,10 @@
@include sticky-cell();
&.visits-table__sticky {
top: $headerHeight - 2px;
@media (min-width: $mdMin) {
&.visits-table__sticky {
top: $headerHeight - 2px;
}
}
}