fix(explore): stabilize article list hover
This commit is contained in:
@@ -814,6 +814,7 @@
|
|||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: minmax(320px, 34%) minmax(520px, 1fr);
|
grid-template-columns: minmax(320px, 34%) minmax(520px, 1fr);
|
||||||
gap: 12px;
|
gap: 12px;
|
||||||
|
margin-top: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.explore-article-list.queue-section .arco-card-body,
|
.explore-article-list.queue-section .arco-card-body,
|
||||||
@@ -839,20 +840,13 @@
|
|||||||
.explore-list-body {
|
.explore-list-body {
|
||||||
max-height: calc(100vh - 252px);
|
max-height: calc(100vh - 252px);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
scrollbar-width: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.explore-list-body:hover {
|
|
||||||
scrollbar-width: thin;
|
scrollbar-width: thin;
|
||||||
|
scrollbar-gutter: stable;
|
||||||
}
|
}
|
||||||
|
|
||||||
.explore-list-body::-webkit-scrollbar {
|
.explore-list-body::-webkit-scrollbar {
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.explore-list-body:hover::-webkit-scrollbar {
|
|
||||||
width: 8px;
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.explore-article-item {
|
.explore-article-item {
|
||||||
|
|||||||
Reference in New Issue
Block a user