Add optional .rz-scrollbars css class

yordanov · yordanov · commit 1be4b06d338e · 2023-04-20T10:39:56.000+03:00
diff --git a/Radzen.Blazor/themes/components/blazor/_scrollbar.scss b/Radzen.Blazor/themes/components/blazor/_scrollbar.scss
@@ -41,7 +41,8 @@ $scrollbar-size: 16px !default;
 }
 
 
-.rz-layout {
+.rz-layout,
+.rz-scrollbars {
   &::-webkit-scrollbar,
   ::-webkit-scrollbar {
     background-color: var(--rz-scrollbar-background-color);
diff --git a/RadzenBlazorDemos.Host/Pages/_Host.cshtml b/RadzenBlazorDemos.Host/Pages/_Host.cshtml
@@ -37,7 +37,7 @@
     <component type="typeof(RadzenBlazorDemos.Shared.Theme)" render-mode="Static" />
     <link rel="stylesheet" data-name="vs/editor/editor.main" href="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.34.1/min/vs/editor/editor.main.min.css">
 </head>
-<body>
+<body class="rz-scrollbars">
     <component type="typeof(RadzenBlazorDemos.App)" render-mode="WebAssemblyPrerendered" />
     <div id="blazor-error-ui">
         <environment include="Staging,Production">
diff --git a/RadzenBlazorDemos.Server/Pages/_Host.cshtml b/RadzenBlazorDemos.Server/Pages/_Host.cshtml
@@ -38,7 +38,7 @@
     <component type="typeof(RadzenBlazorDemos.Shared.Theme)" render-mode="Static" />
     <link rel="stylesheet" data-name="vs/editor/editor.main" href="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.34.1/min/vs/editor/editor.main.min.css">
 </head>
-<body>
+<body class="rz-scrollbars">
     <component type="typeof(RadzenBlazorDemos.App)" render-mode="ServerPrerendered" />
     <div id="blazor-error-ui">
         <environment include="Staging,Production">

Original file line number	Diff line number	Diff line change
`@@ -41,7 +41,8 @@ $scrollbar-size: 16px !default;`
`41`	`41`	`}`
`42`	`42`
`43`	`43`
`44`		`-.rz-layout {`
	`44`	`+.rz-layout,`
	`45`	`+.rz-scrollbars {`
`45`	`46`	`&::-webkit-scrollbar,`
`46`	`47`	`::-webkit-scrollbar {`
`47`	`48`	`background-color: var(--rz-scrollbar-background-color);`