Minz/quicknotes
1
0
Fork 0
mirror of https://github.com/JanGross/quicknotes.git synced 2025-11-30 23:37:16 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix expand/collapse does not work.

Browse Source
This commit is contained in:
Matias De lellis
2024-02-06 09:43:23 -03:00
parent 7313d30beb
commit 5bd29a5461
1 changed files with 53 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
css/not-vue.css
View File

@@ -125,4 +125,57 @@
#app-navigation:not(.vue) > ul > li > ul > li.active, #app-navigation:not(.vue) > ul > li > ul > li.active > a, #app-navigation:not(.vue) > ul > li > ul > li a.selected, #app-navigation:not(.vue) > ul > li > ul > li a.selected > a { #app-navigation:not(.vue) > ul > li > ul > li.active, #app-navigation:not(.vue) > ul > li > ul > li.active > a, #app-navigation:not(.vue) > ul > li > ul > li a.selected, #app-navigation:not(.vue) > ul > li > ul > li a.selected > a {
border-radius: var(--border-radius-pill); border-radius: var(--border-radius-pill);
background-color: var(--color-primary-light); background-color: var(--color-primary-light);
}
#app-navigation:not(.vue) > ul > li.deleted > ul, #app-navigation:not(.vue) > ul > li.collapsible:not(.open) > ul {
display: none;
}
#app-navigation:not(.vue) .collapsible.open::before {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
#app-navigation:not(.vue) .collapsible::before {
position: absolute;
height: 44px;
width: 44px;
margin: 0;
padding: 0;
background: none;
background-image: var(--icon-triangle-s-dark);
background-size: 16px;
background-repeat: no-repeat;
background-position: center;
border: none;
border-radius: 0;
outline: none !important;
box-shadow: none;
content: " ";
opacity: 0;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
z-index: 105;
border-radius: 50%;
transition: opacity 100ms ease-in-out;
}
#app-navigation:not(.vue) .collapsible:hover::before, #app-navigation:not(.vue) .collapsible:focus::before {
opacity: 1;
}
#app-navigation:not(.vue) .collapsible .collapse {
opacity: 0;
position: absolute;
width: 44px;
height: 44px;
margin: 0;
z-index: 110;
left: 0;
}
#app-navigation:not(.vue) .collapsible:hover > a, #app-navigation:not(.vue) .collapsible:focus > a {
background-image: none;
} }