pixeldrain/fnx_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Put modal in flexbox to stop text blurring from css transformations

Browse Source
This commit is contained in:
Fornax
2022-10-19 18:54:14 +02:00
parent 45c264138f
commit cdc14da9dd
7 changed files with 29 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
svelte/src/file_viewer/FileViewer.svelte
View File

@@ -597,7 +597,7 @@ const keyboard_event = evt => {
<CustomBanner src={custom_footer} link={custom_footer_link}></CustomBanner>
{/if}
<Modal bind:this={details_window} on:is_visible={e => {details_visible = e.detail}} title="File details" width="1200px">
<Modal bind:this={details_window} on:is_visible={e => {details_visible = e.detail}} title="File details" width="1000px">
<DetailsWindow file={file}></DetailsWindow>
</Modal>
@@ -609,7 +609,7 @@ const keyboard_event = evt => {
<EditWindow file={file} list={list} on:reload={reload}></EditWindow>
</Modal>
<Modal bind:this={embed_window} on:is_visible={e => {embed_visible = e.detail}} title="Embed file" width="850px">
<Modal bind:this={embed_window} on:is_visible={e => {embed_visible = e.detail}} title="Embed file" width="820px">
<EmbedWindow file={file} list={list}></EmbedWindow>
</Modal>

5
svelte/src/file_viewer/Sharebar.svelte
View File

@@ -71,14 +71,15 @@ const share_tumblr = () => {
overflow-y: scroll;
overflow-x: hidden;
background: var(--shaded_background);
border-radius: 16px;
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
text-align: center;
overflow: hidden;
opacity: 0;
transition: left 0.4s, opacity 0.4s;
}
.visible {
left: 8em;
left: calc(8em + 2px);
opacity: 1;
}
.button_full_width {