Page MenuHomePhabricator

Search input border needs adjustments
Closed, ResolvedPublic

Description

The search input shown when starting a new translation in Section translation may need some adjustments:

Currently, when receives the input focus two borders are visible. One grey and the other blue (screenshot shown below). The expected behaviour would be for the default grey border to turn blue. That is, only a thicker (2px) blue border should be visible, that takes the same position as the original grey one but expanding one extra pixel inwards.

Screenshot 2021-05-10 at 11.28.45 2.png (382×1 px, 99 KB)

In addition, since the input takes the whole width, it will fit better by adjusting the border radius to be 0px.

Event Timeline

Pginer-WMF renamed this task from Search input border needs adjusmtents to Search input border needs adjustments.May 10 2021, 1:28 PM

Change 696028 had a related patch set uploaded (by Santhosh; author: Santhosh):

[mediawiki/extensions/ContentTranslation@master] Adjust styling of input field when focused

https://gerrit.wikimedia.org/r/696028

Change 696028 merged by jenkins-bot:

[mediawiki/extensions/ContentTranslation@master] Adjust styling of input field when focused

https://gerrit.wikimedia.org/r/696028

In addition, since the input takes the whole width, it will fit better by adjusting the border radius to be 0px.

This adjustment from the description does not seem to be supported.

I'm marking it as resolved since the remaining part is covered in T287862 already.