IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed small issue with dropdown

Browse Source
This commit is contained in:
Grzegorz Leoniec 2019-01-08 14:41:51 +01:00
parent 0c336279b4
commit 90ea91c333
No known key found for this signature in database
GPG Key ID: 3AA43686D4EB1377
3 changed files with 21 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
assets/styles/main.scss
View File

@ -126,3 +126,23 @@ hr {
background-color: $color-neutral-80;
height: 1px !important;
}
#overlay {
display: block;
opacity: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
background: rgba(0, 0, 0, 0.15);
z-index: 99;
pointer-events: none;
transition: opacity 150ms ease-out;
transition-delay: 50ms;
.dropdown-open & {
opacity: 1;
transition-delay: 0;
}
}

1
layouts/blank.vue
View File

@ -5,6 +5,7 @@
<nuxt />
</div>
</ds-container>
<div id="overlay" />
</div>
</template>

20
layouts/default.vue
View File

@ -163,24 +163,4 @@ export default {
padding-bottom: 1rem;
}
}
#overlay {
display: block;
opacity: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
background: rgba(0, 0, 0, 0.15);
z-index: 99;
pointer-events: none;
transition: opacity 150ms ease-out;
transition-delay: 50ms;
.dropdown-open & {
opacity: 1;
transition-delay: 0;
}
}
</style>