mirror of
https://github.com/vector-im/element-web.git
synced 2026-04-02 20:22:30 +02:00
d791e3fe8a
* Refactor MFileBody using MVVM and move to shared component * Simplyfing rendering properties * Create a first version of view model for the component * Simplifying component properties and make it possible to override module css using data-* attributes * Create a MBodyFactory in element-web and use it to render MFileBodyView from MessageEvent * Use <MediaBody instead of <button to support legacy rendering * Updated styling and comments * Refactoring className from snapshot to component property * Rename MFileBody* to FileBody* * Rename MFileBody* to FileBody* * Refactoring render branches to allow for displaying nothing * Fix styling issues * Fix lint errors * Fix for css selectors in playwright tests * Remove the MFileBody component and change all callers to use MBodyFactory:FileBodyView * Remove unused strings in element-web * Revert to render text in story iframes * Fix for prettier error * Fix playwright test css selectors * Apply legacy styling in element-web * Add legacy styling for mx_MFileBody * Restore file * Change from <div to <button * Calculate span width ad update screenshots * Remove width calculation and update snapshots * Fix for letter-spacing and better content in story * Updated playwright screenshots * Updated snapshots * Fixing Sonar errors/warnings * Removed extra parentheses * Changes after review * Change border-radius to px and updated snapshots * Fix typo in description * And another typo fix * Changes after review
29 lines
692 B
Plaintext
29 lines
692 B
Plaintext
/*
|
|
Copyright 2024 New Vector Ltd.
|
|
Copyright 2015-2021 The Matrix.org Foundation C.I.C.
|
|
|
|
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_MFileBody [data-type="download"] {
|
|
color: $accent;
|
|
height: var(--cpd-space-9x);
|
|
|
|
& object {
|
|
margin-left: -16px;
|
|
padding-right: 4px;
|
|
margin-top: -4px;
|
|
vertical-align: middle;
|
|
pointer-events: none;
|
|
}
|
|
}
|
|
|
|
.mx_MFileBody [data-type="info"] {
|
|
svg {
|
|
color: $secondary-content !important;
|
|
background-color: $system !important;
|
|
border-radius: 20px !important;
|
|
}
|
|
}
|