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

Improve sidebar section focus ring visibility

Browse Source
This commit is contained in:
James Lyne 2022-06-28 12:25:21 +01:00
parent 36bb73118d
commit 6bf1cdf73c
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Sidebar.vue
View File

@ -244,7 +244,7 @@ export default defineComponent({
overflow: auto; overflow: auto;
pointer-events: auto; pointer-events: auto;
margin-right: -0.5rem; margin-right: -0.5rem;
padding: 0.2rem 0.5rem 0 0.2rem; padding: 0.3rem 0.5rem 0 0.3rem;
width: 26rem; width: 26rem;
align-items: flex-end; align-items: flex-end;
overscroll-behavior: contain; overscroll-behavior: contain;

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

@ -110,9 +110,6 @@ export default defineComponent({
z-index: 3; 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;
@ -120,6 +117,7 @@ export default defineComponent({
button { button {
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; overflow: hidden;
display: flex; display: flex;
font-size: 2rem; font-size: 2rem;
@ -129,6 +127,8 @@ export default defineComponent({
width: calc(100% + 3rem); width: calc(100% + 3rem);
align-items: center; align-items: center;
text-shadow: var(--text-shadow); text-shadow: var(--text-shadow);
padding: 1rem 1.5rem;
line-height: 1.5;
margin: -1.5rem; margin: -1.5rem;
.svg-icon { .svg-icon {