eightequal/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Fix modal animation when modal is in another modal, and add close label (#3027)

Browse Source 
Co-authored-by: Geometrically <18202329+Geometrically@users.noreply.github.com>
This commit is contained in:
Prospector
2024-12-14 18:52:49 -08:00
committed by GitHub
parent 3e5b842b7a
commit 24271a2388
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/ui/src/components/modal/NewModal.vue
View File

@@ -31,7 +31,7 @@
</slot> </slot>
</div> </div>
<ButtonStyled v-if="closable" circular> <ButtonStyled v-if="closable" circular>
<button aria-label="Close" @click="hide"> <button v-tooltip="'Close'" aria-label="Close" @click="hide">
<XIcon aria-hidden="true" /> <XIcon aria-hidden="true" />
</button> </button>
</ButtonStyled> </ButtonStyled>
@@ -214,14 +214,14 @@ function handleKeyDown(event: KeyboardEvent) {
visibility: visible; visibility: visible;
transform: translate(0, 0); transform: translate(0, 0);
.modal-body { > .modal-body {
opacity: 1; opacity: 1;
visibility: visible; visibility: visible;
scale: 1; scale: 1;
} }
} }
.modal-body { > .modal-body {
position: fixed; position: fixed;
box-shadow: 4px 4px 26px 10px rgba(0, 0, 0, 0.08); box-shadow: 4px 4px 26px 10px rgba(0, 0, 0, 0.08);
max-height: calc(100% - 2 * var(--gap-lg)); max-height: calc(100% - 2 * var(--gap-lg));