fixes #773 - allow changing navbar search section styles

Author: mrin9

docs/css-parts.html

@@ -241,7 +241,7 @@ <h2>CSS Parts</h2>
         <tr> <td class="blue" style="border:none">Sections</td></tr>
         <tr>
           <td class="mono">
-            section-navbar, section-header section-main-content, section-logo, section-overview, label-overview-title, 
+            section-navbar, section-navbar-search section-header section-main-content, section-logo, section-overview, label-overview-title, 
             section-auth, section-auth-scopes, section-servers, section-tag, section-operations-in-tag, section-operation
           </td>
         </tr>

src/templates/navbar-template.js

@@ -50,7 +50,7 @@ export default function navbarTemplate() {
     ${(this.allowSearch === 'false' && this.allowAdvancedSearch === 'false')
       ? ''
       : html`
-        <div style="display:flex; flex-direction:row; justify-content:center; align-items:stretch; padding:8px 24px 12px 24px; ${this.allowAdvancedSearch === 'false' ? 'border-bottom: 1px solid var(--nav-hover-bg-color)' : ''}">
+        <div style="display:flex; flex-direction:row; justify-content:center; align-items:stretch; padding:8px 24px 12px 24px; ${this.allowAdvancedSearch === 'false' ? 'border-bottom: 1px solid var(--nav-hover-bg-color)' : ''}" part="section-navbar-search">
           ${this.allowSearch === 'false'
             ? ''
             : html`