Issue #3303542 by Gauravvvv, Aditya4478, smustgrave: Refactor Claro's... (d4b59398) · Commits · project / drupal

core/themes/claro/css/components/ajax-progress.module.css

+7 −23

Original line number	Diff line number	Diff line
		@@ -44,12 +44,7 @@
		*/

		.js .button:not(.js-hide) + .ajax-progress--throbber {
		margin-left: 0; /* LTR */
		}

		[dir="rtl"].js .button:not(.js-hide) + .ajax-progress--throbber {
		margin-right: 0;
		margin-left: var(--ajax-progress-margin-horizontal);
		margin-inline-start: 0;
		}

		/**
		@@ -58,13 +53,7 @@

		.js .form-type--managed-file .button:not(.js-hide) + .ajax-progress--throbber,
		.js .file-operations-cell .button:not(.js-hide) + .ajax-progress--throbber {
		margin-left: var(--ajax-progress-margin-horizontal); /* LTR */
		}

		[dir="rtl"].js .form-type--managed-file .button:not(.js-hide) + .ajax-progress--throbber,
		[dir="rtl"].js .file-operations-cell .button:not(.js-hide) + .ajax-progress--throbber {
		margin-right: var(--ajax-progress-margin-horizontal);
		margin-left: var(--ajax-progress-margin-horizontal);
		margin-inline-start: var(--ajax-progress-margin-horizontal); /* LTR */
		}

		.ajax-progress__throbber {
		@@ -79,15 +68,10 @@

		.ajax-progress__message {
		display: inline-block;
		padding-left: var(--ajax-progress-margin-horizontal);
		padding-inline-start: var(--ajax-progress-margin-horizontal);
		font-size: var(--font-size-label);
		}

		[dir="rtl"] .ajax-progress__message {
		padding-right: var(--ajax-progress-margin-horizontal);
		padding-left: 0;
		}

		/**
		* Full screen throbber.
		*/
		@@ -96,8 +80,8 @@
		.ui-dialog .ajax-progress--throbber {
		position: fixed;
		z-index: 1000;
		top: 50%;
		left: 50%;
		inset-block-start: 50%;
		inset-inline-start: 50%;
		box-sizing: border-box;
		width: 3.5rem; /* 56px */
		height: 3.5rem;
		@@ -111,8 +95,8 @@
		.ajax-progress__throbber--fullscreen,
		.ui-dialog .ajax-progress__throbber {
		position: absolute;
		top: 50%;
		left: 50%;
		inset-block-start: 50%;
		inset-inline-start: 50%;
		width: 1.75rem; /* 28px */
		height: 1.75rem; /* 28px */
		margin: -0.875rem;

core/themes/claro/css/components/ajax-progress.module.pcss.css

+8 −20

Original line number	Diff line number	Diff line
		@@ -35,11 +35,7 @@
		* have a large margin set.
		*/
		.js .button:not(.js-hide) + .ajax-progress--throbber {
		margin-left: 0; /* LTR */
		}
		[dir="rtl"].js .button:not(.js-hide) + .ajax-progress--throbber {
		margin-right: 0;
		margin-left: var(--ajax-progress-margin-horizontal);
		margin-inline-start: 0;
		}

		/**
		@@ -47,12 +43,7 @@
		*/
		.js .form-type--managed-file .button:not(.js-hide) + .ajax-progress--throbber,
		.js .file-operations-cell .button:not(.js-hide) + .ajax-progress--throbber {
		margin-left: var(--ajax-progress-margin-horizontal); /* LTR */
		}
		[dir="rtl"].js .form-type--managed-file .button:not(.js-hide) + .ajax-progress--throbber,
		[dir="rtl"].js .file-operations-cell .button:not(.js-hide) + .ajax-progress--throbber {
		margin-right: var(--ajax-progress-margin-horizontal);
		margin-left: var(--ajax-progress-margin-horizontal);
		margin-inline-start: var(--ajax-progress-margin-horizontal); /* LTR */
		}

		.ajax-progress__throbber {
		@@ -67,13 +58,10 @@

		.ajax-progress__message {
		display: inline-block;
		padding-left: var(--ajax-progress-margin-horizontal);
		padding-inline-start: var(--ajax-progress-margin-horizontal);
		font-size: var(--font-size-label);
		}
		[dir="rtl"] .ajax-progress__message {
		padding-right: var(--ajax-progress-margin-horizontal);
		padding-left: 0;
		}

		/**
		* Full screen throbber.
		*/
		@@ -81,8 +69,8 @@
		.ui-dialog .ajax-progress--throbber {
		position: fixed;
		z-index: 1000;
		top: 50%;
		left: 50%;
		inset-block-start: 50%;
		inset-inline-start: 50%;
		box-sizing: border-box;
		width: 3.5rem; /* 56px */
		height: 3.5rem;
		@@ -95,8 +83,8 @@
		.ajax-progress__throbber--fullscreen,
		.ui-dialog .ajax-progress__throbber {
		position: absolute;
		top: 50%;
		left: 50%;
		inset-block-start: 50%;
		inset-inline-start: 50%;
		width: 1.75rem; /* 28px */
		height: 1.75rem; /* 28px */
		margin: -0.875rem;