Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Documentation: Scrollbar in the middle of a sample code #2891

Closed
iwis opened this issue Sep 8, 2021 · 1 comment · Fixed by #2732
Closed

Documentation: Scrollbar in the middle of a sample code #2891

iwis opened this issue Sep 8, 2021 · 1 comment · Fixed by #2732

Comments

@iwis
Copy link

iwis commented Sep 8, 2021

I don't like the horizontal scrollbar in the middle of the black window between HTML and C# code (in a div with the blazorise-codeblock CSS class) on the https://preview.blazorise.com/docs/components/accordion page and on many other pages, e.g. Components > Alert, Card, Grid etc.
This can be solved by displaying a single scroll bar at the bottom of the black window using this CSS:

.blazorise-codeblock pre { overflow: visible; } /* removes separate scrollbars */
.blazorise-codeblock     { overflow: auto; }    /* adds one scrollbar for both HTML and C# code */
@stsrki
Copy link
Collaborator

stsrki commented Sep 8, 2021

Thank you. It is working fine with these changes. It will be visible once I publish a new version.

@stsrki stsrki closed this as completed Sep 8, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants