UX: Fix topic overflow on mobile
This commit is contained in:
parent
ed709f8da1
commit
1c2233878f
|
@ -1,10 +1,5 @@
|
||||||
.mobile-view {
|
.mobile-view {
|
||||||
.knowledge-explorer {
|
.knowledge-explorer {
|
||||||
.knowledge-explorer-topic {
|
|
||||||
width: calc(100vw - 0.75em);
|
|
||||||
margin: 0.625em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.knowledge-explorer-search-wrapper {
|
.knowledge-explorer-search-wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
@ -29,6 +24,15 @@
|
||||||
.knowledge-explorer-topic-list {
|
.knowledge-explorer-topic-list {
|
||||||
flex-basis: 100%;
|
flex-basis: 100%;
|
||||||
}
|
}
|
||||||
|
.knowledge-explorer-topic-link {
|
||||||
|
padding-right: 0.25em;
|
||||||
|
}
|
||||||
|
.loading-container {
|
||||||
|
padding: .625em 0;
|
||||||
|
}
|
||||||
|
.knowledge-explorer-topic {
|
||||||
|
width: calc(100vw - 20px);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue