BigW Consortium Gitlab

Skip to content

G
gitlab-ce
Commit 18f96e26 by Annabel Dunstone Gray
Options

Merge branch 'fix-search-input-padding' into 'master'

Give search-input correct padding-right value ## What does this MR do? This fixes how `padding-right: 20px` was being applied to the style rule of `.search-input`, preventing text in that form from clipping through `.search-icon` ## Are there points in the code the reviewer needs to double check? If there are any cases where `.search .search-input` is used in a search form where there is no right-side icon (I could not find such occurrence myself). ## Why was this MR needed? Some text in long search queries were being hidden by the close icon being used in the search form. This makes it a bit more presentable. ;) ## Screenshots (if relevant) __Before__ ![before](/uploads/2757a6264a1d2053af7212f72df7c3f9/before.png) __After__ ![after](/uploads/322fbfa08594f0f33d10a3226c82326d/after.png) See merge request !7407
parents 889dcf60 a2e67b7d
Showing with 5 additions and 2 deletions
app/assets/stylesheets/pages/search.scss
...@@ -33,10 +33,9 @@ ...@@ -33,10 +33,9 @@
} }
.search-input { .search-input {
padding-right: 20px;
border: none; border: none;
font-size: 14px; font-size: 14px;
padding: 0; padding: 0 20px 0 0;
margin-left: 5px; margin-left: 5px;
line-height: 25px; line-height: 25px;
width: 98%; width: 98%;
......
changelogs/unreleased/fix-search-input-padding.yml 0 → 100644
---
title: Give search-input correct padding-right value
merge_request: 7407
author: Philip Karpiak
Markdown is supported
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