Display of center column content overlaps with specific specifications and browsers about developer-portal-starter HOT 4 CLOSED

Hey @dchisolm,

To fix this issue you have to:

1. adjust the breakpoints in the theme.ts so the responsive view is enabled earlier, I think you can use the following value:

breakpoints: {
  small: '550px',
  medium: '1550px',
}

2. enable wordBreak for code blocks in theme.ts:

typography: {
// ...
  code: {
    wordBreak: 'break-word',
  }
}

Let us know if those suggestions helped. Thanks!

from developer-portal-starter.

https://preview.redoc.ly/cpanel/DUCK-4812/openapi/whm/operation/createacct/

We reviewing this now. We did do some previous work with breakpoints, but determined it less than ideal. Primarily I think this was because with this, even on MDPI laptop screens, it is forced into more of what we would expect on tablet landscape rather than a full view on these devices. This layout then becomes default for all API's, even if just one or two have the issue.

One other alternate that was promising was modification of some table styles, but this required an additional workaround to get the paramter name to not overlap, which needs a little more work.
https://preview.redoc.ly/cpanel/DUCK-4743/openapi/whm/operation/createacct/

table {
    table-layout: fixed;
}
/* workaround for overlapping parameter names with the table style */
td > div > div { 
    padding: 1em 0 0 0;
}

Is there a way we can affect this, specifically for the parameter name column, in the computed styles?

from developer-portal-starter.

@dchisolm is it still relevant?

from developer-portal-starter.

I think this one was solved. Please reopen @dchisolm if I am wrong.

from developer-portal-starter.