Browse Source
Merge pull request #296 from DataCourier/fix/activity-header
Fix/activity header selection and hitbox area
renovate/lint-staged-8.x
JimmyMow
7 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with
12 additions and
4 deletions
-
app/routes/activity/components/Activity.scss
|
|
@ -45,14 +45,13 @@ |
|
|
.filters { |
|
|
.filters { |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: row; |
|
|
flex-direction: row; |
|
|
|
|
|
user-select: none; |
|
|
|
|
|
|
|
|
li { |
|
|
li { |
|
|
position: relative; |
|
|
position: relative; |
|
|
margin: 0 15px; |
|
|
|
|
|
opacity: 0.5; |
|
|
opacity: 0.5; |
|
|
font-size: 14px; |
|
|
font-size: 14px; |
|
|
cursor: pointer; |
|
|
cursor: pointer; |
|
|
padding: 20px 0; |
|
|
|
|
|
|
|
|
|
|
|
&.activeFilter { |
|
|
&.activeFilter { |
|
|
opacity: 1; |
|
|
opacity: 1; |
|
|
@ -61,10 +60,19 @@ |
|
|
&:nth-child(1) { |
|
|
&:nth-child(1) { |
|
|
margin-left: 0; |
|
|
margin-left: 0; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
span { |
|
|
|
|
|
display: block; |
|
|
|
|
|
position: relative; |
|
|
|
|
|
margin: 0 15px; |
|
|
|
|
|
padding: 20px 0; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.activeBorder { |
|
|
.activeBorder { |
|
|
width: 100%; |
|
|
left: 15px; |
|
|
|
|
|
right: 15px; |
|
|
|
|
|
width: auto; |
|
|
height: 1px; |
|
|
height: 1px; |
|
|
background: white; |
|
|
background: white; |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
@ -116,4 +124,4 @@ |
|
|
.right { |
|
|
.right { |
|
|
text-align: right; |
|
|
text-align: right; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
