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

Issue #2575253 by jwilson3, Gauravvvv, rachanakamlesh, Balu Ertl,... 

Issue #2575253 by jwilson3, Gauravvvv, rachanakamlesh, Balu Ertl, Jmdrawneek@googlemail.com, snehi, cleverington, BalajiDS, xaiwant, smustgrave, mgifford, emma.maria, dillix, andypost, Bojhan, mohit1604: Update loading icon and use SVG
parent 717b02a8
No related branches found
No related tags found
22 merge requests!11131[10.4.x-only-DO-NOT-MERGE]: Issue ##2842525 Ajax attached to Views exposed filter form does not trigger callbacks,!9470[10.3.x-only-DO-NOT-MERGE]: #3331771 Fix file_get_contents(): Passing null to parameter,!8736Update the Documention As per the Function uses.,!8528Issue #3456871 by Tim Bozeman: Support NULL services,!8513Issue #3453786: DefaultSelection should document why values for target_bundles NULL and [] behave as they do,!3878Removed unused condition head title for views,!3818Issue #2140179: $entity->original gets stale between updates,!3742Issue #3328429: Create item list field formatter for displaying ordered and unordered lists,!3731Claro: role=button on status report items,!3651Issue #3347736: Create new SDC component for Olivero (header-search),!3154Fixes #2987987 - CSRF token validation broken on routes with optional parameters.,!3133core/modules/system/css/components/hidden.module.css,!2964Issue #2865710 : Dependencies from only one instance of a widget are used in display modes,!2812Issue #3312049: [Followup] Fix Drupal.Commenting.FunctionComment.MissingReturnType returns for NULL,!2378Issue #2875033: Optimize joins and table selection in SQL entity query implementation,!2062Issue #3246454: Add weekly granularity to views date sort,!10223132456: Fix issue where views instances are emptied before an ajax request is complete,!877Issue #2708101: Default value for link text is not saved,!617Issue #3043725: Provide a Entity Handler for user cancelation,!579Issue #2230909: Simple decimals fail to pass validation,!560Move callback classRemove outside of the loop,!555Issue #3202493
Pipeline #224977 passed with warnings
Stage: 🏗️ Build
Stage: 🪄 Lint
Stage: 🗜️ Test
Pipeline: drupal

#224982

    Pipeline: drupal

    #224979

      Hide whitespace changes
      Inline Side-by-side
      Showing
      with 89 additions and 30 deletions
      core/misc/components/ajax-progress.module.css
      + 1
      − 1
      View file @ 14669ce1
      ......@@ -39,7 +39,7 @@ tr .ajax-progress-throbber .throbber {
      opacity: 0.9;
      border-radius: 7px;
      background-color: #232323;
      background-image: url(../loading-small.gif);
      background-image: url(../loading-small.svg);
      background-repeat: no-repeat;
      background-position: center center;
      }
      ......
      core/misc/loading-small.svg 0 → 100644
      + 28
      − 0
      View file @ 14669ce1
      <svg xmlns="http://www.w3.org/2000/svg" display="block" preserveAspectRatio="xMidYMid" width="24" height="24" style="shape-rendering: auto; display: block; background:#212121;" viewBox="0 0 100 100">
      <g fill="#e8e8e8">
      <rect width="16" height="16" x="42" y="9" rx="8" ry="8">
      <animate attributeName="opacity" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" values="1;0" begin="-0.7s"/>
      </rect>
      <rect width="16" height="16" x="42" y="9" rx="8" ry="8" transform="rotate(45 50 50)">
      <animate attributeName="opacity" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" values="1;0" begin="-0.6s"/>
      </rect>
      <rect width="16" height="16" x="42" y="9" rx="8" ry="8" transform="rotate(90 50 50)">
      <animate attributeName="opacity" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" values="1;0" begin="-0.5s"/>
      </rect>
      <rect width="16" height="16" x="42" y="9" rx="8" ry="8" transform="rotate(135 50 50)">
      <animate attributeName="opacity" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" values="1;0" begin="-0.4s"/>
      </rect>
      <rect width="16" height="16" x="42" y="9" rx="8" ry="8" transform="rotate(180 50 50)">
      <animate attributeName="opacity" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" values="1;0" begin="-0.3s"/>
      </rect>
      <rect width="16" height="16" x="42" y="9" rx="8" ry="8" transform="rotate(225 50 50)">
      <animate attributeName="opacity" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" values="1;0" begin="-0.2s"/>
      </rect>
      <rect width="16" height="16" x="42" y="9" rx="8" ry="8" transform="rotate(270 50 50)">
      <animate attributeName="opacity" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" values="1;0" begin="-0.1s"/>
      </rect>
      <rect width="16" height="16" x="42" y="9" rx="8" ry="8" transform="rotate(315 50 50)">
      <animate attributeName="opacity" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" values="1;0" begin="0s"/>
      </rect>
      </g>
      </svg>
      core/misc/loading.svg 0 → 100644
      + 28
      − 0
      View file @ 14669ce1
      <svg xmlns="http://www.w3.org/2000/svg" display="block" preserveAspectRatio="xMidYMid" width="48" height="48" style="shape-rendering: auto; display: block; background:#212121;" viewBox="0 0 100 100">
      <g fill="#e8e8e8">
      <rect width="16" height="16" x="42" y="9" rx="8" ry="8">
      <animate attributeName="opacity" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" values="1;0" begin="-0.7s"/>
      </rect>
      <rect width="16" height="16" x="42" y="9" rx="8" ry="8" transform="rotate(45 50 50)">
      <animate attributeName="opacity" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" values="1;0" begin="-0.6s"/>
      </rect>
      <rect width="16" height="16" x="42" y="9" rx="8" ry="8" transform="rotate(90 50 50)">
      <animate attributeName="opacity" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" values="1;0" begin="-0.5s"/>
      </rect>
      <rect width="16" height="16" x="42" y="9" rx="8" ry="8" transform="rotate(135 50 50)">
      <animate attributeName="opacity" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" values="1;0" begin="-0.4s"/>
      </rect>
      <rect width="16" height="16" x="42" y="9" rx="8" ry="8" transform="rotate(180 50 50)">
      <animate attributeName="opacity" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" values="1;0" begin="-0.3s"/>
      </rect>
      <rect width="16" height="16" x="42" y="9" rx="8" ry="8" transform="rotate(225 50 50)">
      <animate attributeName="opacity" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" values="1;0" begin="-0.2s"/>
      </rect>
      <rect width="16" height="16" x="42" y="9" rx="8" ry="8" transform="rotate(270 50 50)">
      <animate attributeName="opacity" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" values="1;0" begin="-0.1s"/>
      </rect>
      <rect width="16" height="16" x="42" y="9" rx="8" ry="8" transform="rotate(315 50 50)">
      <animate attributeName="opacity" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" values="1;0" begin="0s"/>
      </rect>
      </g>
      </svg>
      core/profiles/demo_umami/themes/umami/css/classy/components/dialog.css
      + 1
      − 1
      View file @ 14669ce1
      ......@@ -63,7 +63,7 @@
      opacity: 0.9;
      border-radius: 7px;
      background-color: #232323;
      background-image: url(../../../../../../../misc/loading-small.gif);
      background-image: url(../../../../../../../misc/loading-small.svg);
      background-repeat: no-repeat;
      background-position: center center;
      }
      ......
      core/tests/Drupal/KernelTests/Core/Theme/ImageTest.php
      + 1
      − 1
      View file @ 14669ce1
      ......@@ -55,7 +55,7 @@ protected function setUp(): void {
      $this->testImages = [
      'core/misc/druplicon.png',
      'core/misc/loading.gif',
      'core/misc/loading.svg',
      ];
      }
      ......
      core/themes/stable9/css/core/components/ajax-progress.module.css
      + 1
      − 1
      View file @ 14669ce1
      ......@@ -39,7 +39,7 @@ tr .ajax-progress-throbber .throbber {
      opacity: 0.9;
      border-radius: 7px;
      background-color: #232323;
      background-image: url(../../../../../misc/loading-small.gif);
      background-image: url(../../../../../misc/loading-small.svg);
      background-repeat: no-repeat;
      background-position: center center;
      }
      ......
      core/themes/starterkit_theme/css/components/dialog.css
      + 1
      − 1
      View file @ 14669ce1
      ......@@ -63,7 +63,7 @@
      opacity: 0.9;
      border-radius: 7px;
      background-color: #232323;
      background-image: url(../../images/icons/loading-small.gif);
      background-image: url(../../images/icons/loading-small.svg);
      background-repeat: no-repeat;
      background-position: center center;
      }
      ......
      core/themes/starterkit_theme/images/icons/loading-small.gif deleted 100644 → 0
      + 0
      − 25
      View file @ 717b02a8
      core/themes/starterkit_theme/images/icons/loading-small.gif

      2.06 KiB

      core/themes/starterkit_theme/images/icons/loading-small.svg 0 → 100644
      + 28
      − 0
      View file @ 14669ce1
      <svg xmlns="http://www.w3.org/2000/svg" display="block" preserveAspectRatio="xMidYMid" width="24" height="24" style="shape-rendering: auto; display: block; background:#212121;" viewBox="0 0 100 100">
      <g fill="#e8e8e8">
      <rect width="16" height="16" x="42" y="9" rx="8" ry="8">
      <animate attributeName="opacity" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" values="1;0" begin="-0.7s"/>
      </rect>
      <rect width="16" height="16" x="42" y="9" rx="8" ry="8" transform="rotate(45 50 50)">
      <animate attributeName="opacity" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" values="1;0" begin="-0.6s"/>
      </rect>
      <rect width="16" height="16" x="42" y="9" rx="8" ry="8" transform="rotate(90 50 50)">
      <animate attributeName="opacity" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" values="1;0" begin="-0.5s"/>
      </rect>
      <rect width="16" height="16" x="42" y="9" rx="8" ry="8" transform="rotate(135 50 50)">
      <animate attributeName="opacity" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" values="1;0" begin="-0.4s"/>
      </rect>
      <rect width="16" height="16" x="42" y="9" rx="8" ry="8" transform="rotate(180 50 50)">
      <animate attributeName="opacity" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" values="1;0" begin="-0.3s"/>
      </rect>
      <rect width="16" height="16" x="42" y="9" rx="8" ry="8" transform="rotate(225 50 50)">
      <animate attributeName="opacity" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" values="1;0" begin="-0.2s"/>
      </rect>
      <rect width="16" height="16" x="42" y="9" rx="8" ry="8" transform="rotate(270 50 50)">
      <animate attributeName="opacity" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" values="1;0" begin="-0.1s"/>
      </rect>
      <rect width="16" height="16" x="42" y="9" rx="8" ry="8" transform="rotate(315 50 50)">
      <animate attributeName="opacity" dur="0.8s" keyTimes="0;1" repeatCount="indefinite" values="1;0" begin="0s"/>
      </rect>
      </g>
      </svg>
      0% or .
      You are about to add 0 people to the discussion. Proceed with caution.
      Finish editing this message first!
      Please register or to comment