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

Issue #3294001 by Aditya4478, Gauravvvv, shivam-kumar, smustgrave, bnjmnm:... 

Issue #3294001 by Aditya4478, Gauravvvv, shivam-kumar, smustgrave, bnjmnm: Refactor Claro's autocomplete-loading.module stylesheet
parent e5e61dc5
No related branches found
No related tags found
26 merge requests!8528Issue #3456871 by Tim Bozeman: Support NULL services,!3878Removed unused condition head title for views,!38582585169-10.1.x,!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,!3668Resolve #3347842 "Deprecate the trusted",!3651Issue #3347736: Create new SDC component for Olivero (header-search),!3531Issue #3336994: StringFormatter always displays links to entity even if the user in context does not have access,!3355Issue #3209129: Scrolling problems when adding a block via layout builder,!3226Issue #2987537: Custom menu link entity type should not declare "bundle" entity key,!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,!2334Issue #3228209: Add hasRole() method to AccountInterface,!2062Issue #3246454: Add weekly granularity to views date sort,!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,!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 #99225 canceled
Stage: 🏗️ Build
Stage: 🪄 Lint
Stage: 🗜️ Test
Pipeline: drupal

#99226

    Hide whitespace changes
    Inline Side-by-side
    core/themes/claro/css/components/autocomplete-loading.module.css
    + 8
    − 13
    View file @ 71c9b9f7
    ......@@ -37,16 +37,16 @@
    background-position: 100% 50%;
    }
    .js[dir="rtl"] .form-autocomplete {
    background-image: url("data:image/svg+xml,%3csvg width='40' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 1c4.54-.173 8.188 4.787 6.687 9.068-1.176 4.384-6.993 6.417-10.637 3.7-.326-.39-.565.276-.846.442l-3.74 3.739-1.413-1.414 4.35-4.35C3.59 8.717 5.25 2.938 9.462 1.475A7.003 7.003 0 0112 1zm0 2c-3.242-.123-5.849 3.42-4.777 6.477.842 3.132 4.994 4.58 7.6 2.65 2.745-1.73 2.9-6.125.285-8.044A5.006 5.006 0 0012 3z' fill='%23868686'/%3e%3c/svg%3e");
    background-position: 0 50%;
    }
    .js .form-autocomplete.is-autocompleting {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' height='20' width='40'%3e%3cstyle%3e%40keyframes s%7b0%25%7btransform:rotate(0deg) translate(-50%25,0)%7d50%25%7btransform:rotate(430deg) translate(-50%25,0);stroke-dashoffset:20%7dto%7btransform:rotate(720deg) translate(-50%25,0)%7d%7d%3c/style%3e%3ccircle fill='none' cy='5' cx='5' stroke='%23003ecc' stroke-dashoffset='6.125' stroke-dasharray='25' style='animation:s 1s linear infinite;transform-origin:left' r='4'/%3e%3c/svg%3e");
    background-position: center right -10px;
    }
    .js[dir="rtl"] .form-autocomplete {
    background-image: url("data:image/svg+xml,%3csvg width='40' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 1c4.54-.173 8.188 4.787 6.687 9.068-1.176 4.384-6.993 6.417-10.637 3.7-.326-.39-.565.276-.846.442l-3.74 3.739-1.413-1.414 4.35-4.35C3.59 8.717 5.25 2.938 9.462 1.475A7.003 7.003 0 0112 1zm0 2c-3.242-.123-5.849 3.42-4.777 6.477.842 3.132 4.994 4.58 7.6 2.65 2.745-1.73 2.9-6.125.285-8.044A5.006 5.006 0 0012 3z' fill='%23868686'/%3e%3c/svg%3e");
    background-position: 0 50%;
    }
    .js[dir="rtl"] .form-autocomplete.is-autocompleting {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' height='20' width='40'%3e%3cstyle%3e%40keyframes s%7b0%25%7btransform:rotate(0deg) translate(-50%25,0)%7d50%25%7btransform:rotate(-430deg) translate(-50%25,0);stroke-dashoffset:20%7dto%7btransform:rotate(-720deg) translate(-50%25,0)%7d%7d%3c/style%3e%3ccircle fill='none' cy='5' cx='5' stroke='%23003ecc' stroke-dashoffset='6.125' stroke-dasharray='25' style='animation:s 1s linear infinite;transform-origin:left' r='4'/%3e%3c/svg%3e");
    background-position: center left 10px;
    ......@@ -64,17 +64,12 @@
    .claro-autocomplete__message {
    position: absolute;
    right: 0;
    bottom: 100%;
    inset-inline-end: 0;
    inset-block-end: 100%;
    max-width: 100%;
    margin-bottom: 0.15rem;
    margin-block-end: 0.15rem;
    color: var(--color-link);
    font-size: var(--font-size-xxs); /* ~11px */
    font-weight: bold;
    line-height: calc(18rem / 16); /* 18px */
    }
    [dir="rtl"] .claro-autocomplete__message {
    right: auto;
    left: 0;
    }
    core/themes/claro/css/components/autocomplete-loading.module.pcss.css
    + 27
    − 23
    View file @ 71c9b9f7
    ......@@ -24,22 +24,29 @@
    * feedback would be a usability/accessibility issue as well.
    */
    .js .form-autocomplete {
    background-image: url(../../images/icons/868686/magnifier.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    }
    .js[dir="rtl"] .form-autocomplete {
    background-image: url(../../images/icons/868686/magnifier-rtl.svg);
    background-position: 0 50%;
    }
    .js .form-autocomplete.is-autocompleting {
    background-image: url(../../images/icons/003ecc/spinner.svg);
    background-position: center right -10px;
    }
    .js[dir="rtl"] .form-autocomplete.is-autocompleting {
    background-image: url(../../images/icons/003ecc/spinner-rtl.svg);
    background-position: center left 10px;
    .js {
    & .form-autocomplete {
    background-image: url(../../images/icons/868686/magnifier.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    &.is-autocompleting {
    background-image: url(../../images/icons/003ecc/spinner.svg);
    background-position: center right -10px;
    }
    }
    &[dir="rtl"] {
    & .form-autocomplete {
    background-image: url(../../images/icons/868686/magnifier-rtl.svg);
    background-position: 0 50%;
    &.is-autocompleting {
    background-image: url(../../images/icons/003ecc/spinner-rtl.svg);
    background-position: center left 10px;
    }
    }
    }
    }
    /**
    ......@@ -50,18 +57,15 @@
    display: inline-block;
    max-width: 100%;
    }
    .claro-autocomplete__message {
    position: absolute;
    right: 0;
    bottom: 100%;
    inset-inline-end: 0;
    inset-block-end: 100%;
    max-width: 100%;
    margin-bottom: 0.15rem;
    margin-block-end: 0.15rem;
    color: var(--color-link);
    font-size: var(--font-size-xxs); /* ~11px */
    font-weight: bold;
    line-height: calc(18rem / 16); /* 18px */
    }
    [dir="rtl"] .claro-autocomplete__message {
    right: auto;
    left: 0;
    }
    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