Merge remote-tracking branch 'origin/demo' into starter

This commit is contained in:
sercan 2021-08-31 15:50:30 +03:00
commit 82244fd40e
4 changed files with 36 additions and 4 deletions

View File

@ -1,6 +1,6 @@
{ {
"name": "@fuse/starter", "name": "@fuse/starter",
"version": "13.6.0", "version": "13.6.1",
"description": "Fuse - Angular Admin Template and Starter Project", "description": "Fuse - Angular Admin Template and Starter Project",
"author": "https://themeforest.net/user/srcn", "author": "https://themeforest.net/user/srcn",
"license": "https://themeforest.net/licenses/standard", "license": "https://themeforest.net/licenses/standard",

View File

@ -1,3 +1,3 @@
import { Version } from '@fuse/version/version'; import { Version } from '@fuse/version/version';
export const FUSE_VERSION = new Version('13.6.0').full; export const FUSE_VERSION = new Version('13.6.1').full;

View File

@ -1,6 +1,6 @@
<div class="fixed lg:sticky top-0 bottom-0 lg:left-full w-full sm:w-96 lg:w-16 lg:h-screen"> <div class="fixed lg:sticky top-0 bottom-0 lg:left-full w-full sm:w-96 lg:w-16 lg:h-screen lg:shadow">
<div <div
class="flex flex-col w-full sm:w-96 h-full lg:shadow transform transition-transform duration-400 ease-drawer bg-card" class="flex flex-col w-full sm:w-96 h-full transform transition-transform duration-400 ease-drawer bg-card"
[ngClass]="{'-translate-x-full sm:-translate-x-96 lg:-translate-x-80 shadow': opened, 'translate-x-0': !opened}"> [ngClass]="{'-translate-x-full sm:-translate-x-96 lg:-translate-x-80 shadow': opened, 'translate-x-0': !opened}">
<!-- Header --> <!-- Header -->

View File

@ -1,5 +1,25 @@
quick-chat { quick-chat {
z-index: 399; z-index: 399;
> div {
overflow: hidden;
}
&.quick-chat-opened {
> div {
overflow: visible;
}
}
:not(&.quick-chat-opened) {
> div {
overflow: visible;
animation: addOverflowHidden 1ms linear 400ms;
animation-fill-mode: forwards;
}
}
} }
/* Adjustments depending on the selected layout */ /* Adjustments depending on the selected layout */
@ -24,3 +44,15 @@ quick-chat {
opacity: 1; opacity: 1;
background-color: transparent; background-color: transparent;
} }
@keyframes addOverflowHidden {
0% {
overflow: visible
}
99% {
overflow: visible;
}
100% {
overflow: hidden;
}
}