fix tag list overflow and mobile
This commit is contained in:
parent
33aef1e4fa
commit
a3d3be3244
@ -1,9 +1,13 @@
|
|||||||
.tag-list {
|
.tag-list {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
display: flex;
|
|
||||||
|
|
||||||
.tag-item + .tag-item {
|
.tag-item {
|
||||||
margin-left: 1rem;
|
display: inline-block;
|
||||||
|
margin-bottom: .5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag-item {
|
||||||
|
margin-right: 1rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -20,3 +24,14 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 575.98px) {
|
||||||
|
.tag-list {
|
||||||
|
display: flex;
|
||||||
|
overflow-y: scroll;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag-item {
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user