BradNut/awesome-uses
1
0
Fork 0
mirror of https://github.com/BradNut/awesome-uses synced 2025-09-08 17:40:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

remove pointer style on noninteractive tags

Browse source
This commit is contained in:
MichaelE1 2020-01-09 11:06:46 +10:00
parent 9ca84ecf46
commit 1defd98b1d
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/Topics.js
View file

@ -15,6 +15,7 @@ export default function Topics() {
currentTag={tag.name === currentTag} currentTag={tag.name === currentTag}
htmlFor={`filter-${tag.name}`} htmlFor={`filter-${tag.name}`}
key={`filter-${tag.name}`} key={`filter-${tag.name}`}
clickable
> >
<input <input
type="radio" type="radio"
@ -35,6 +36,7 @@ export default function Topics() {
htmlFor={`filter-${tag.name}`} htmlFor={`filter-${tag.name}`}
key={`filter-${tag.name}`} key={`filter-${tag.name}`}
title={tag.name} title={tag.name}
clickable
> >
<input <input
type="radio" type="radio"
@ -55,6 +57,7 @@ export default function Topics() {
htmlFor={`filter-${tag.name}`} htmlFor={`filter-${tag.name}`}
key={`filter-${tag.name}`} key={`filter-${tag.name}`}
title={tag.name} title={tag.name}
clickable
> >
<input <input
type="radio" type="radio"
@ -85,12 +88,11 @@ const Tag = styled.label`
background: var(--pink); background: var(--pink);
margin: 2px; margin: 2px;
border-radius: 3px; border-radius: 3px;
font-size: ${props => (props.small ? `1.2rem;` : `1.7rem;`)} font-size: ${props => (props.small ? `1.2rem;` : `1.7rem;`)};
padding: 5px; padding: 5px;
color: hsla(0, 100%, 100%, 0.8); color: hsla(0, 100%, 100%, 0.8);
transition: background-color 0.2s; transition: background-color 0.2s;
cursor: pointer; cursor: ${props => (props.clickable? "pointer" : "default")};
display: grid; display: grid;
grid-template-columns: 1fr auto; grid-template-columns: 1fr auto;
align-items: center; align-items: center;