Need to take care of padding/spacing

NEW
Unassigned

Status

Mozilla Developer Network
Design
--
enhancement
a year ago
a year ago

People

(Reporter: Md Hidaytullah Rahmani, Unassigned)

Tracking

({in-triage})

Details

(Whiteboard: [specification][type:bug], URL)

Attachments

(3 attachments)

(Reporter)

Description

a year ago
What did you do?
================
1. Added padding in textbox or remove outline of searchbox
2. 
3. 

What happened?
==============
In header section searchbox has not very good spacing/padding according to MDN theme,looking dull when user focus on it

What should have happened?
==========================
so there should be some padding or need to remove outline

here is css class of that search box:
.search-wrap input

Is there anything else we should know?
======================================
Am looking into it :)
Group: websites-security
(Reporter)

Updated

a year ago
(Reporter)

Updated

a year ago
Keywords: css2
The outline must stay because it is an important accessibility feature. Open to other suggestions :)
Severity: normal → enhancement
Status: UNCONFIRMED → NEW
Ever confirmed: true
Keywords: css2 → in-triage
Apparently this shows up on Chrome, but not Firefox.
(Reporter)

Comment 3

a year ago
@Hobson : if it is feature so don't you think it should be attractive like some custom outline related to Mozilla theme based?
Created attachment 8804700 [details]
search chrome.png

Search box in Chrome. Blue outline on focus
Created attachment 8804701 [details]
search safari.png

Search box in Safari with focus. Blue box with padding.
Created attachment 8804715 [details]
search firefox.png

Search box in Firefox 49. No change on focus.
I see different behavior on three different browsers, but they all seem usable to me. If the box looks different for you, a screenshot would help.
(Reporter)

Comment 8

a year ago
Because every browser has different css for elements, if you wanna see same in all browsers so you should write custom css for this
You need to log in before you can comment on or make changes to this bug.