1
0
mirror of https://github.com/element-hq/element-web.git synced 2026-10-28 00:13:00 +03:00
Files
element-web/apps/web/res/css/views/dialogs/_UploadConfirmDialog.pcss
Sirius 5f310305c0 Unified media preview 4 - upload confirm dialog uses the previews (#34892)
* collapsed and uncollapsed image tile

* using the new preview tiles in upload confirm dialog

* audio and video tag

* remove old urlpreview code

* force media width in confirm dialog to be max

* fixed upload audio upload preview failing, and hide preview box when preview fails

* undo the removal of the legacy mediabody

* cleaning up PR for review

* fixed oxlint issues

* regenerate stuff for end to end tests

* upload dialogue use tallbanner instead of full images

* updated snapshots

* updated snapshots

* regenerated snapshot

* fixed tests

* Cover the non-image previews in the upload dialog

computePreviewContent only ever ran its image case: the video, audio and
plain-file cases were untested.

Claude-Session: https://claude.ai/code/session_01Gr8zCXinjjNTmAHpZDGNtW

* applied some reviews

* moved conform dialog to be a functional component

* applied review comments

* Follow the renamed media preview entry API in UploadConfirmDialog

The entry discriminator is now `type` rather than `style`, and image
entries must carry `imageAlt` — the upload preview labels it with the file
name, matching the accessible name the pre-existing dialog gave the image.

* Regenerate image-upload-preview snapshot against the production build
2026-09-16 13:00:04 +00:00

28 lines
609 B
Plaintext

/*
Copyright 2019-2024 New Vector Ltd.
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
Please see LICENSE files in the repository root for full details.
*/
.mx_UploadConfirmDialog_fileIcon {
margin-right: 5px;
}
.mx_UploadConfirmDialog_previewOuter {
text-align: center;
}
.mx_UploadConfirmDialog_previewInner {
display: inline-block;
text-align: left;
width: var(--MediaPreview-width);
}
.mx_UploadConfirmDialog_imagePreview {
max-height: 300px;
max-width: 100%;
border-radius: 4px;
border: 1px solid $dialog-close-fg-color;
}