Fix UI issues

[rushenn]

1. Toggle the docs menu conditionally to avoid showing empty white space when the menu is not present.

2. Fix padding and layout shift when pasting into the search input field.

[feorlen]

Thank you @rushenn ! Is there a way we can test these changes before they are merged?

[djwfyi]

@feorlen

Thank you @rushenn ! Is there a way we can test these changes before they are merged?

You can check out the PR and then build and serve locally.

gh pr checkout 1464

Normal build thing.

python3 -m http.server --directory build/ui-fix/linux/html

(You may have to fiddle with the directory to serve from.)

[djwfyi]

OH, uh ... I don't think we do have a way to turn off the menu. Duh.

[feorlen]

Thank you @djwfyi !

[ravindk89]

Well nothing breaks on build, so lets merge this and see what happens.

[djwfyi]

Tested locally and agree with Ravind.

[rushenn]

@djwfyi

OH, uh ... I don't think we do have a way to turn off the menu. Duh.

Currently, the docs menu is populated based on the array defined in default.conf.py

html_context = {
   'doc_platform': platform.lower(),
   'docs': [
      # The first item has to be the current docs site #
      {
         'name': 'MinIO Server',
         'current': True
      },
      {
         'name': 'DirectPV',
         'url': 'https://min.io/docs/directpv',
         'external': True
      },
      {
         'name': 'KES',
         'url': 'https://min.io/docs/kes',
         'external': True
      }
   ]
}

The idea here is that if docs is empty or missing, the menu will not be displayed.

[djwfyi]

Yeah, that's the section I commented out to test it. Thanks for the work!