2018-04-12 07:23:35 +08:00
|
|
|
/*
|
2024-09-09 21:57:16 +08:00
|
|
|
Copyright 2024 New Vector Ltd.
|
2021-03-06 05:14:43 +08:00
|
|
|
Copyright 2020, 2021 The Matrix.org Foundation C.I.C.
|
2018-04-12 07:23:35 +08:00
|
|
|
|
2024-09-09 21:57:16 +08:00
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
|
|
|
|
|
Please see LICENSE files in the repository root for full details.
|
2018-04-12 07:23:35 +08:00
|
|
|
*/
|
|
|
|
|
|
2020-06-26 21:02:36 +08:00
|
|
|
progress.mx_ProgressBar {
|
2021-03-06 05:14:43 +08:00
|
|
|
height: 6px;
|
2020-06-26 21:02:36 +08:00
|
|
|
width: 60px;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
appearance: none;
|
2024-03-05 12:25:47 +08:00
|
|
|
border: var(--cpd-border-width-1) solid var(--cpd-color-gray-400);
|
2020-06-26 21:02:36 +08:00
|
|
|
|
2021-05-05 18:50:55 +08:00
|
|
|
@mixin ProgressBarBorderRadius 6px;
|
2024-03-05 12:25:47 +08:00
|
|
|
@mixin ProgressBarColour var(--cpd-color-icon-accent-tertiary);
|
2021-03-06 05:14:43 +08:00
|
|
|
@mixin ProgressBarBgColour $progressbar-bg-color;
|
2020-06-26 21:02:36 +08:00
|
|
|
::-webkit-progress-value {
|
|
|
|
|
transition: width 1s;
|
|
|
|
|
}
|
|
|
|
|
::-moz-progress-bar {
|
|
|
|
|
transition: padding-bottom 1s;
|
|
|
|
|
padding-bottom: var(--value);
|
|
|
|
|
transform-origin: 0 0;
|
|
|
|
|
transform: rotate(-90deg) translateX(-15px);
|
|
|
|
|
padding-left: 15px;
|
2018-04-12 07:23:35 +08:00
|
|
|
|
2020-06-26 21:02:36 +08:00
|
|
|
height: 0;
|
|
|
|
|
}
|
2018-04-12 07:23:35 +08:00
|
|
|
}
|
