hardis:doc:project2markdown html layout issues for flows

[maksym-petrov-ct]

Hi @nvuillam
I'm using v6.25.1.

My screen resolution is 1920x1080.
In full screen mode I see less than in windowed mode, see screenshots:

width=1920

width=951

[nvuillam]

This is default mkdocs-material disposition , it's probably possible to override it, would you like to try a PR ? :)

It would indeed help for tables :)

[maksym-petrov-ct]

it may be a long journey, but I should try some day

[maksym-petrov-ct]

Hi @nvuillam
I see the extra.css needs change, but there are 2 copies of this file. Not sure why there are two, and which is needed:

https://github.com/hardisgroupcom/sfdx-hardis/blob/main/defaults/mkdocs-project-doc/docs/stylesheets/extra.css
or
https://github.com/hardisgroupcom/sfdx-hardis/blob/main/defaults/mkdocs/docs/stylesheets/extra.css
?

The new body can be like this (added last block):

/* stylelint-disable SelectorFormat */
.md-typeset__table {
  min-width: 100%;
}

.md-typeset table:not([class]) {
  display: table;
}

/* light mode table header bgcolor */
.md-typeset__table th {
  background-color: #f2edfe;
}

/* dark mode table header bgcolor */
[data-md-color-scheme="slate"] .md-typeset__table th {
  background-color: hsla(var(--md-hue), 25%, 25%, 1)
}

/* light mode alternating table bg colors */
.md-typeset__table tr:nth-child(2n) {
  background-color: #f8f8f8;
}

/* dark mode alternating table bg colors */
[data-md-color-scheme="slate"] .md-typeset__table tr:nth-child(2n) {
  background-color: hsla(var(--md-hue), 25%, 25%, 1)
}

:root>* {
  --md-primary-fg-color: #1B1464;
  --md-footer-bg-color: #1B1464;
}

/* Wider content area for large screens (1920px and above)*/
@media screen and (min-width: 75em) {
  .md-grid {
    max-width: 90rem; /* default is 61rem (~976px), now ~1440px */
  }
}

[nvuillam]

Please do it in both, it's an enhancement tht all scopes would benefit :)

One is for Salesforce doc and one is for sf plugin génération :)