UX: focused spacing in more topics table (#23730)
This PR addresses spacing between focused & the topic header, by cancelling out the spacing added between the first table row while still having space between the tabs "Suggested" & "Related"
This commit is contained in:
parent
5f3265fe01
commit
70a07abfa4
|
@ -39,17 +39,21 @@
|
||||||
.topic-list-header:after {
|
.topic-list-header:after {
|
||||||
content: "";
|
content: "";
|
||||||
display: block;
|
display: block;
|
||||||
height: 10px;
|
height: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topic-list-body {
|
.topic-list-body {
|
||||||
border-top: none;
|
border-top: none;
|
||||||
|
.topic-list-item {
|
||||||
.topic-list-item:last-of-type {
|
&:first-child td {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
&:last-of-type {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// Target the .badge-category text, the bullet icon needs to maintain `display: block`
|
// Target the .badge-category text, the bullet icon needs to maintain `display: block`
|
||||||
.suggested-topics-message .badge-wrapper.bullet span.badge-category,
|
.suggested-topics-message .badge-wrapper.bullet span.badge-category,
|
||||||
|
|
Loading…
Reference in New Issue