How to style m-btn component

[wparad]

@neongrau

const docElement = document.querySelector('openapi-explorer');
      const style = document.createElement('style');
      style.innerHTML = `
      .m-btn {
        border-radius: 15px !important;
        box-shadow: none;
      }`;
      docElement.shadowRoot.appendChild(style);

    openapi-explorer::part(navbar-operations-header) { /*works*/
      background: linear-gradient(90deg, #0065AD, #02AFC3);
      border-top: none;
      border-bottom: 1px solid rgba(255,255,255, .2);
      font-size: 11px;
    }
    openapi-explorer::part(navbar-components-header) { /* needed but not implemented? */
      background: linear-gradient(90deg, #0065AD, #02AFC3);
      border-top: none;
      border-bottom: 1px solid rgba(255,255,255, .2);
      font-size: 11px;
    }

[wparad]

@neongrau can you provide a visual of what the problem is here and how you would like it to look like? This would be the best way to figure out how to either suggest a solution or provide new functionality. Thanks!

[neongrau]

currently button look like this:

but i want to restyle them to look like this:

[neongrau]

Closed?

[wparad]

Okay, now everything is fixed. You would reference the button style changes the same way you might do the other updates. In this case:

openapi-explorer::part(btn--resp) {
      border-radius: 15px !important;
      box-shadow: none;
    }

Is probably what you want.

[neongrau]

Okay, now everything is fixed. You would reference the button style changes the same way you might do the other updates. In this case:

openapi-explorer::part(btn--resp) {
      border-radius: 15px !important;
      box-shadow: none;
    }

Is probably what you want.

yes, that is perfect! Thank you very much for this great help!