8086262e04
* feat: add `PlayPauseButton` to storybook * feat: add generic media body * feat: add seekbar component * chore: add ViewWrapper to help writing stories with vm * refactor: move `formatBytes` from `formattingUtils` into shared component * refactor: add `className` props to `Clock` * feat: add new audio player component * test(e2e): add screenshots for new shared components * feat: add AudioPlayerViewModel * feat: use new audio player in `MAudioBody` * refactor: remove old audio player * test(e2e): update existing tests * refactor: remove unused `DurationClock` * refactor: rename `SeekBar` into `LegacySeekBar`
37 lines
759 B
CSS
37 lines
759 B
CSS
/*
|
|
* Copyright 2025 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.
|
|
*/
|
|
|
|
.audioPlayer {
|
|
padding: var(--cpd-space-4x) var(--cpd-space-3x) var(--cpd-space-3x) var(--cpd-space-3x);
|
|
}
|
|
|
|
.mediaInfo {
|
|
/* Makes the ellipsis on the file name work */
|
|
overflow: hidden;
|
|
}
|
|
|
|
.mediaName {
|
|
color: var(--cpd-color-text-primary);
|
|
font: var(--cpd-font-body-md-regular);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.byline {
|
|
font: var(--cpd-font-body-xs-regular);
|
|
}
|
|
|
|
.clock {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.error {
|
|
color: var(--cpd-color-text-critical-primary);
|
|
}
|