Skip to content
Snippets Groups Projects
Verified Commit dfa16ab2 authored by Théodore Biadala's avatar Théodore Biadala
Browse files

Issue #3332431 by Gauravvvv, smustgrave: Refactor Claro's progress stylesheet

parent 92f58710
No related branches found
No related tags found
27 merge requests!12227Issue #3181946 by jonmcl, mglaman,!54479.5.x SF update,!5014Issue #3071143: Table Render Array Example Is Incorrect,!4868Issue #1428520: Improve menu parent link selection,!4289Issue #1344552 by marcingy, Niklas Fiekas, Ravi.J, aleevas, Eduardo Morales...,!4114Issue #2707291: Disable body-level scrolling when a dialog is open as a modal,!4100Issue #3249600: Add support for PHP 8.1 Enums as allowed values for list_* data types,!2378Issue #2875033: Optimize joins and table selection in SQL entity query implementation,!2334Issue #3228209: Add hasRole() method to AccountInterface,!2062Issue #3246454: Add weekly granularity to views date sort,!1591Issue #3199697: Add JSON:API Translation experimental module,!1484Exposed filters get values from URL when Ajax is on,!1255Issue #3238922: Refactor (if feasible) uses of the jQuery serialize function to use vanillaJS,!1162Issue #3100350: Unable to save '/' root path alias,!1105Issue #3025039: New non translatable field on translatable content throws error,!1073issue #3191727: Focus states on mobile second level navigation items fixed,!10223132456: Fix issue where views instances are emptied before an ajax request is complete,!925Issue #2339235: Remove taxonomy hard dependency on node module,!877Issue #2708101: Default value for link text is not saved,!872Draft: Issue #3221319: Race condition when creating menu links and editing content deletes menu links,!844Resolve #3036010 "Updaters",!579Issue #2230909: Simple decimals fail to pass validation,!560Move callback classRemove outside of the loop,!555Issue #3202493,!485Sets the autocomplete attribute for username/password input field on login form.,!213Issue #2906496: Give Media a menu item under Content,!30Issue #3182188: Updates composer usage to point at ./vendor/bin/composer
......@@ -43,7 +43,7 @@
.progress__track {
height: var(--progress-bar-default-size);
margin-top: 0;
margin-block-start: 0;
border: var(--progress-bar-border-size) var(--progress-track-border-color) solid;
border-radius: var(--progress-bar-default-size-radius);
background-color: var(--progress-track-bg-color);
......@@ -53,27 +53,30 @@
width: var(--progress-bar-default-size);
min-width: var(--progress-bar-default-size);
height: var(--progress-bar-default-size);
margin-top: calc(var(--progress-bar-border-size) * -1);
margin-left: calc(var(--progress-bar-border-size) * -1); /* LTR */
margin-block-start: calc(var(--progress-bar-border-size) * -1);
margin-inline-start: calc(var(--progress-bar-border-size) * -1);
transition: var(--progress-bar-transition);
border: var(--progress-bar-border-size) var(--progress-bar-border-color) solid;
border-radius: var(--progress-bar-default-size-radius);
background-color: var(--progress-bar-bg-color);
}
[dir="rtl"] .progress__bar {
margin-right: calc(var(--progress-bar-border-size) * -1);
margin-left: 0;
@media screen and (prefers-reduced-motion: reduce) {
.progress__bar {
transition: none;
}
}
@media (forced-colors: active) {
.progress__bar {
background-color: canvastext;
}
}
.progress__label {
margin-bottom: var(--progress-bar-spacing-size);
margin-block-end: var(--progress-bar-spacing-size);
font-size: var(--progress-bar-label-font-size);
font-weight: bold;
}
......@@ -81,13 +84,7 @@
.progress__description,
.progress__percentage {
overflow: hidden;
margin-top: var(--progress-bar-spacing-size);
margin-block-start: var(--progress-bar-spacing-size);
color: var(--progress-bar-description-color);
font-size: var(--progress-bar-description-font-size);
}
@media screen and (prefers-reduced-motion: reduce) {
.progress__bar {
transition: none;
}
}
......@@ -20,22 +20,25 @@
content: "";
}
.progress--small .progress__track {
.progress--small {
& .progress__track {
height: var(--progress-bar-small-size);
}
.progress--small .progress__bar {
& .progress__bar {
width: var(--progress-bar-small-size);
min-width: var(--progress-bar-small-size);
height: var(--progress-bar-small-size);
}
.progress--small .progress__label {
& .progress__label {
font-size: var(--progress-bar-small-label-font-size);
}
}
.progress__track {
height: var(--progress-bar-default-size);
margin-top: 0;
margin-block-start: 0;
border: var(--progress-bar-border-size) var(--progress-track-border-color) solid;
border-radius: var(--progress-bar-default-size-radius);
background-color: var(--progress-track-bg-color);
......@@ -45,26 +48,24 @@
width: var(--progress-bar-default-size);
min-width: var(--progress-bar-default-size);
height: var(--progress-bar-default-size);
margin-top: calc(var(--progress-bar-border-size) * -1);
margin-left: calc(var(--progress-bar-border-size) * -1); /* LTR */
margin-block-start: calc(var(--progress-bar-border-size) * -1);
margin-inline-start: calc(var(--progress-bar-border-size) * -1);
transition: var(--progress-bar-transition);
border: var(--progress-bar-border-size) var(--progress-bar-border-color) solid;
border-radius: var(--progress-bar-default-size-radius);
background-color: var(--progress-bar-bg-color);
}
[dir="rtl"] .progress__bar {
margin-right: calc(var(--progress-bar-border-size) * -1);
margin-left: 0;
@media screen and (prefers-reduced-motion: reduce) {
transition: none;
}
@media (forced-colors: active) {
.progress__bar {
background-color: canvastext;
}
}
.progress__label {
margin-bottom: var(--progress-bar-spacing-size);
margin-block-end: var(--progress-bar-spacing-size);
font-size: var(--progress-bar-label-font-size);
font-weight: bold;
}
......@@ -72,13 +73,7 @@
.progress__description,
.progress__percentage {
overflow: hidden;
margin-top: var(--progress-bar-spacing-size);
margin-block-start: var(--progress-bar-spacing-size);
color: var(--progress-bar-description-color);
font-size: var(--progress-bar-description-font-size);
}
@media screen and (prefers-reduced-motion: reduce) {
.progress__bar {
transition: none;
}
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment