UX: selected indicator more topics spacing (#23696)
* UX: selected indicator more topics spacing In relation to the selected indicator, this PR addresses a vertical and horizontal issue with the indicator touching the table header and its left alignment to be more consistent with the regular topic list feed. * UX: border for pill navigation on mobile Makes UI more consistent desktop -> mobile, by adding a border to the bottom of the Suggested/Related.
This commit is contained in:
parent
d8883fac8a
commit
76e5a939d4
|
@ -35,11 +35,13 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.topic-list .topic-list-data:first-of-type {
|
|
||||||
padding-left: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.more-topics__list {
|
.more-topics__list {
|
||||||
|
.topic-list-header:after {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
height: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
.topic-list-body {
|
.topic-list-body {
|
||||||
border-top: none;
|
border-top: none;
|
||||||
|
|
||||||
|
|
|
@ -1,6 +1,7 @@
|
||||||
.more-topics__container {
|
.more-topics__container {
|
||||||
.nav {
|
.nav {
|
||||||
margin-block: 0.5em 1em;
|
margin-block: 0.5em 1em;
|
||||||
|
border-bottom: 1px solid var(--primary-low);
|
||||||
}
|
}
|
||||||
|
|
||||||
.more-content-topics {
|
.more-content-topics {
|
||||||
|
|
Loading…
Reference in New Issue