OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity
element-web/res/css/views/elements/_ProgressBar.pcss

32 lines
862 B
Plaintext
Raw Normal View History

move components' CSS to be in the same repo as their JS
2018-04-12 01:23:35 +02:00
/*
Change license (#13) * Copyright headers 1 * Licence headers 2 * Copyright Headers 3 * Copyright Headers 4 * Copyright Headers 5 * Copyright Headers 6 * Copyright headers 7 * Add copyright headers for html and config file * Replace license files and update package.json * Update with CLA * lint
2024-09-09 15:57:16 +02:00
Copyright 2024 New Vector Ltd.
Rough style for new upload bar This repurposes ProgressBar which was not used anywhere in code.
2021-03-05 22:14:43 +01:00
Copyright 2020, 2021 The Matrix.org Foundation C.I.C.
move components' CSS to be in the same repo as their JS
2018-04-12 01:23:35 +02:00
Change license (#13) * Copyright headers 1 * Licence headers 2 * Copyright Headers 3 * Copyright Headers 4 * Copyright Headers 5 * Copyright Headers 6 * Copyright headers 7 * Add copyright headers for html and config file * Replace license files and update package.json * Update with CLA * lint
2024-09-09 15:57:16 +02:00
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
Please see LICENSE files in the repository root for full details.
move components' CSS to be in the same repo as their JS
2018-04-12 01:23:35 +02:00
*/
Make <ProgressBar /> relevant again Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-26 15:02:36 +02:00
progress.mx_ProgressBar {
Rough style for new upload bar This repurposes ProgressBar which was not used anywhere in code.
2021-03-05 22:14:43 +01:00
height: 6px;
Make <ProgressBar /> relevant again Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-26 15:02:36 +02:00
width: 60px;
overflow: hidden;
appearance: none;
Refine styles of controls to match Compound (#12299) This changes the styles of buttons, other form controls, and tabs in settings to: 1. Improve their usage of semantic colors, so that they adapt correctly to custom themes 2. Make them more visually coherent with the new Compound design system, as we integrate more of it into the app This is a re-introduction of https://github.com/matrix-org/matrix-react-sdk/pull/12241 with the difference that we're now using our branding colors again on form colors, and buttons have become rounded to match the appearance of new Compound buttons.
2024-03-05 05:25:47 +01:00
border: var(--cpd-border-width-1) solid var(--cpd-color-gray-400);
Make <ProgressBar /> relevant again Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-26 15:02:36 +02:00
Fix rounded progress bars
2021-05-05 12:50:55 +02:00
@mixin ProgressBarBorderRadius 6px;
Refine styles of controls to match Compound (#12299) This changes the styles of buttons, other form controls, and tabs in settings to: 1. Improve their usage of semantic colors, so that they adapt correctly to custom themes 2. Make them more visually coherent with the new Compound design system, as we integrate more of it into the app This is a re-introduction of https://github.com/matrix-org/matrix-react-sdk/pull/12241 with the difference that we're now using our branding colors again on form colors, and buttons have become rounded to match the appearance of new Compound buttons.
2024-03-05 05:25:47 +01:00
@mixin ProgressBarColour var(--cpd-color-icon-accent-tertiary);
Rough style for new upload bar This repurposes ProgressBar which was not used anywhere in code.
2021-03-05 22:14:43 +01:00
@mixin ProgressBarBgColour $progressbar-bg-color;
Make <ProgressBar /> relevant again Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-26 15:02:36 +02: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;
move components' CSS to be in the same repo as their JS
2018-04-12 01:23:35 +02:00
Make <ProgressBar /> relevant again Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-26 15:02:36 +02:00
height: 0;
}
move components' CSS to be in the same repo as their JS
2018-04-12 01:23:35 +02:00
}