Need space in between search field it's close icon

Created on 28 April 2023, about 1 year ago
Updated 23 August 2023, 10 months ago

Problem/Motivation

When entering the text in the search field, content are touch with close icon. there should be a space between text and icon on all devices.
Ref image : - text icon space issue large screen.png

Steps to reproduce

  1. Enable the olivero theme and set theme
  2. click on search icon on top menu
  3. Enter the long text till fields end
🐛 Bug report
Status

RTBC

Version

1.0

Component

User interface

Created by

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @Harish1688
  • Status changed to Needs review about 1 year ago
  • created a patch 'space-between-search-field-close-icon-3357108-4.patch' needs review.
    core v : 10.1.x and Olivero v : 8.x-1.x-dev
    attached screen after patch.

  • Assigned to atul ghate
  • 🇮🇳India atul ghate

    I will review this pach.

  • 🇮🇳India Akshay kashyap

    Hi @Harish1688,

    Thanks for the work.

    Verified and tested Patch Comment #4 on Drupal 10.1.x Applied patch cleanly

    git apply -v space-between-search-field-close-icon-3357108-4.patch 
    Checking patch core/themes/olivero/css/components/header-search-wide.css...
    Checking patch core/themes/olivero/css/components/header-search-wide.pcss.css...
    Applied patch core/themes/olivero/css/components/header-search-wide.css cleanly.
    Applied patch core/themes/olivero/css/components/header-search-wide.pcss.css cleanly.
    

    Testing Steps:-
    1. Install Drupal 10.1.x version.
    2. Enable the Olivero theme and set the theme
    3. click on the search icon on the top menu
    5. Observe that Need space between the search field and its close icon.
    6. Apply the patch.
    7. Checked the changes difference using git diff
    8. Observe the space is there between the search field and its close icon.

    Testing Result:
    1. The space is there between the search field and its close icon after applying the patch. Screenshots are attached for reference:

  • Status changed to RTBC about 1 year ago
  • Issue was unassigned.
Production build 0.69.0 2024