mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web.git synced 2024-12-19 06:02:00 +03:00
Code Issues Projects Releases Packages Wiki Activity
element-web/res/css/views/elements/_ProgressBar.pcss

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

32 lines
862 B
Text
Raw Normal View History

move components' CSS to be in the same repo as their JS
2018-04-12 02:23:35 +03: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 16:57:16 +03:00
Copyright 2024 New Vector Ltd.
Rough style for new upload bar This repurposes ProgressBar which was not used anywhere in code.
2021-03-06 00:14:43 +03: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 02:23:35 +03: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 16:57:16 +03: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 02:23:35 +03:00
*/
Make <ProgressBar /> relevant again Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-26 16:02:36 +03:00
progress.mx_ProgressBar {
Rough style for new upload bar This repurposes ProgressBar which was not used anywhere in code.
2021-03-06 00:14:43 +03:00
height: 6px;
Make <ProgressBar /> relevant again Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-26 16:02:36 +03: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 07:25:47 +03: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 16:02:36 +03:00
Fix rounded progress bars
2021-05-05 13:50:55 +03: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 07:25:47 +03: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-06 00:14:43 +03:00
@mixin ProgressBarBgColour $progressbar-bg-color;
Make <ProgressBar /> relevant again Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-26 16:02:36 +03: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 02:23:35 +03:00
Make <ProgressBar /> relevant again Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-06-26 16:02:36 +03:00
height: 0;
}
move components' CSS to be in the same repo as their JS
2018-04-12 02:23:35 +03:00
}
Reference in a new issue Copy permalink