Skirda/LiveAtlas
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Prevent sidebar section heading wrapping

Browse Source
This commit is contained in:
James Lyne 2022-01-13 01:52:09 +00:00
parent cc39b3c0c9
commit 97c6916194
1 changed files with 6 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/sidebar/SidebarSection.vue
View File

@ -103,15 +103,20 @@ export default defineComponent({
position: sticky; position: sticky;
top: -0.2rem; top: -0.2rem;
background-color: inherit; background-color: inherit;
z-index: 10; z-index: 3;
border-radius: inherit; border-radius: inherit;
margin: -1.5rem -1.5rem 0; margin: -1.5rem -1.5rem 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
&, button { &, button {
padding: 1.5rem; padding: 1.5rem;
} }
button { button {
text-overflow: ellipsis;
overflow: hidden;
display: flex; display: flex;
font-size: 2rem; font-size: 2rem;
background-color: transparent; background-color: transparent;
@ -171,16 +176,6 @@ export default defineComponent({
display: none; display: none;
} }
} }
.section__content {
display: flex;
flex-direction: column;
align-items: stretch;
flex-shrink: 1;
min-height: 0;
overflow-y: auto;
overflow-x: hidden;
}
} }
@media (max-width: 320px) { @media (max-width: 320px) {