Search and cross button needs spacing.

Open on Drupal.org →

Created on 10 August 2023, over 1 year ago

Updated 17 August 2023, over 1 year ago

Problem/Motivation

Search and cross buttons are overlapping while doing search.

Steps to reproduce

1. Take clone from git version 10.1.1 in drupal 10
2. Install and set theme as default.
3. Go to homepage and click on search icon.
4. Write anything like "abc" and you will see the issue.

🐛 Bug report

Status

Needs work

Version

10.1

Component

Code

Created by

🇮🇳India Abh1shek

Live updates comments and jobs are added and updated live.

Sign in to follow issues

Comments & Activities

Issue created by @Abh1shek
Comment over 1 year ago →
🇮🇳India mayursolaskar
The issue mentioned above is reproducible @Abh1shek Chauhan. To address this problem, I made changes in _header.scss file(Added Code SC). However, it's important to note that the Package.json file is missing. We need to include the Package.json file and then compile the SCSS file. After compiling, the changes were reflected in the style.css file.

Original: background: url(../images/icons/search-icon.svg) top right no-repeat; Modified: background: url(../images/icons/search-icon.svg) right 24px top no-repeat;
By updating the positioning values, I resolved the search and cross-button overlapping issues. I have attached a screenshot for reference. Please review and confirm.
Note:-Before installing the EduX theme, make sure to install the required theme, TheX theme.
Thank you.

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024