Skip to content

YouTube - removes focus on search box UI by magma_craft

Screenshot of YouTube - removes focus on search box UI

Details

Authormagma_craft

LicenseCC Zero

Categoryyoutube

Created

Updated

Size1.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This style removes the focus on the search box UI (prior to March 20th, 2022)

Notes

Works well with both rounded and non-rounded search layouts.

Source code

/* ==UserStyle==
@name           YouTube - removes focus on search box UI
@namespace      example.com
@version        1.0.0
@description    This style removes the focus on the search box UI (prior to March 20th, 2022)
@author         Magma_Craft
==/UserStyle== */

@-moz-document domain("youtube.com") {
#container.ytd-searchbox {
  margin-left: 0px !important;
}

#container.ytd-searchbox > [slot=search-input] input {
  box-sizing: border-box !important;
  padding: 1px 6px !important;
  margin: 0 !important;
}

ytd-searchbox[has-focus] #search-icon.ytd-searchbox {
  display: none !important;
}

ytd-searchbox[has-focus][desktop-searchbar-style=rounded_corner_dark_btn] #search-icon.ytd-searchbox, ytd-searchbox[has-focus][desktop-searchbar-style=rounded_corner_light_btn] #search-icon.ytd-searchbox {
  display: none !important;
}

ytd-searchbox[has-focus] #container.ytd-searchbox {
  padding: 2px 6px 2px 6px !important;
  margin: 0 !important;
}

#search[has-focus] #search-input {
  margin-left: 0px !important;
}

div.sbqs_c::before {
  display: none !important;
}

span.sbpqs_a::before {
  display: none !important;
}
}

Reviews

No reviews yet.