From 2e44c0c91ad2c561a358c7e4259840fac19c8357 Mon Sep 17 00:00:00 2001 From: Data Courier Date: Sat, 10 Feb 2018 15:38:02 +0000 Subject: [PATCH 1/2] fix(activity-header): disable text selection --- app/routes/activity/components/Activity.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/app/routes/activity/components/Activity.scss b/app/routes/activity/components/Activity.scss index 04579a6b..ca1530b4 100644 --- a/app/routes/activity/components/Activity.scss +++ b/app/routes/activity/components/Activity.scss @@ -45,6 +45,7 @@ .filters { display: flex; flex-direction: row; + user-select: none; li { position: relative; From 0e29ebb1a953f58c0d8ca7fe6eed3cd3ca19b4c9 Mon Sep 17 00:00:00 2001 From: Data Courier Date: Sat, 10 Feb 2018 16:09:09 +0000 Subject: [PATCH 2/2] fix(activity-header): increase menu item hitboxes --- app/routes/activity/components/Activity.scss | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) diff --git a/app/routes/activity/components/Activity.scss b/app/routes/activity/components/Activity.scss index ca1530b4..d77d0906 100644 --- a/app/routes/activity/components/Activity.scss +++ b/app/routes/activity/components/Activity.scss @@ -49,11 +49,9 @@ li { position: relative; - margin: 0 15px; opacity: 0.5; font-size: 14px; cursor: pointer; - padding: 20px 0; &.activeFilter { opacity: 1; @@ -62,10 +60,19 @@ &:nth-child(1) { margin-left: 0; } + + span { + display: block; + position: relative; + margin: 0 15px; + padding: 20px 0; + } } .activeBorder { - width: 100%; + left: 15px; + right: 15px; + width: auto; height: 1px; background: white; position: absolute; @@ -117,4 +124,4 @@ .right { text-align: right; } -} \ No newline at end of file +}