diff --git a/CHANGELOG.md b/CHANGELOG.md index 4ef4cceb..fe234844 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -19,6 +19,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), ### Fixed * [#364](https://github.com/shlinkio/shlink-web-client/issues/364) Fixed all dropdowns so that they are consistently styled. +* [#366](https://github.com/shlinkio/shlink-web-client/issues/366) Fixed text in visits menu jumping to next line in some tablet resolutions. +* [#367](https://github.com/shlinkio/shlink-web-client/issues/367) Removed conflicting overflow in visits table for mobile devices. ## [3.0.0] - 2020-12-22 diff --git a/src/visits/VisitsStats.scss b/src/visits/VisitsStats.scss index 8f2c9488..dc945d12 100644 --- a/src/visits/VisitsStats.scss +++ b/src/visits/VisitsStats.scss @@ -13,6 +13,10 @@ color: #5d6778; font-weight: 700; cursor: pointer; + + @media (min-width: $smMin) and (max-width: $mdMax) { + font-size: 89%; + } } .visits-stats__nav-link:hover { diff --git a/src/visits/VisitsStats.tsx b/src/visits/VisitsStats.tsx index 76fe5492..09987202 100644 --- a/src/visits/VisitsStats.tsx +++ b/src/visits/VisitsStats.tsx @@ -1,6 +1,6 @@ import { isEmpty, propEq, values } from 'ramda'; import { useState, useEffect, useMemo, FC } from 'react'; -import { Button, Card, Nav, NavLink, Progress } from 'reactstrap'; +import { Button, Card, Nav, NavLink, Progress, Row } from 'reactstrap'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { faCalendarAlt, faMapMarkedAlt, faList, faChartPie } from '@fortawesome/free-solid-svg-icons'; import { IconDefinition } from '@fortawesome/fontawesome-common-types'; @@ -61,11 +61,11 @@ const highlightedVisitsToStats = ( let selectedBar: string | undefined; const initialInterval: DateInterval = 'last30Days'; -const VisitsNavLink: FC = ({ subPath, title, icon, children }) => ( +const VisitsNavLink: FC = ({ subPath, title, icon, to }) => ( pathname.endsWith(`/visits${subPath}`)} replace > @@ -146,12 +146,12 @@ const VisitsStats: FC = ({ children, visitsInfo, getVisits, ca return ( <> -