2021-01-19 11:02:49 +02:00
|
|
|
a.ui-button:hover {
|
|
|
|
|
color: #fff;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
Visual Studio-like style based on original C# coloring by Jason Diamond <jason@diamond.name>
|
|
|
|
|
*/
|
|
|
|
|
.hljs {
|
|
|
|
|
display: block;
|
|
|
|
|
overflow-x: auto;
|
|
|
|
|
background: white;
|
|
|
|
|
color: black;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.hljs-comment,
|
|
|
|
|
.hljs-quote,
|
|
|
|
|
.hljs-variable {
|
|
|
|
|
color: #008000;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.hljs-keyword,
|
|
|
|
|
.hljs-selector-tag,
|
|
|
|
|
.hljs-built_in,
|
|
|
|
|
.hljs-name,
|
|
|
|
|
.hljs-tag {
|
|
|
|
|
color: #00f;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.hljs-string,
|
|
|
|
|
.hljs-title,
|
|
|
|
|
.hljs-section,
|
|
|
|
|
.hljs-attribute,
|
|
|
|
|
.hljs-literal,
|
|
|
|
|
.hljs-template-tag,
|
|
|
|
|
.hljs-template-variable,
|
|
|
|
|
.hljs-type,
|
|
|
|
|
.hljs-addition {
|
|
|
|
|
color: #a31515;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.hljs-deletion,
|
|
|
|
|
.hljs-selector-attr,
|
|
|
|
|
.hljs-selector-pseudo,
|
|
|
|
|
.hljs-meta {
|
|
|
|
|
color: #2b91af;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.hljs-doctag {
|
|
|
|
|
color: #808080;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.hljs-attr {
|
|
|
|
|
color: #f00;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.hljs-symbol,
|
|
|
|
|
.hljs-bullet,
|
|
|
|
|
.hljs-link {
|
|
|
|
|
color: #00b0e8;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.hljs-emphasis {
|
|
|
|
|
font-style: italic;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.hljs-strong {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
|
2022-07-13 14:43:49 +03:00
|
|
|
.documentation-links {
|
|
|
|
|
position: relative;
|
|
|
|
|
float: right;
|
2024-07-18 16:24:20 +03:00
|
|
|
margin-inline-start: -100%;
|
|
|
|
|
padding-block-start: 0.5rem;
|
|
|
|
|
padding-inline-end: 1rem;
|
2022-07-13 14:43:49 +03:00
|
|
|
}
|
|
|
|
|
|
2022-04-07 16:35:35 +03:00
|
|
|
.documentation-links a {
|
2022-11-14 13:14:47 +02:00
|
|
|
text-decoration: none !important;
|
2022-04-07 16:35:35 +03:00
|
|
|
padding: 6px 0;
|
2024-07-18 16:24:20 +03:00
|
|
|
margin-inline-start: 24px;
|
2022-11-14 13:14:47 +02:00
|
|
|
display: inline-flex;
|
2022-04-07 16:35:35 +03:00
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
|
2021-01-19 11:02:49 +02:00
|
|
|
.social-link {
|
2024-07-18 16:24:20 +03:00
|
|
|
margin-inline-end: 8px;
|
2021-01-19 11:02:49 +02:00
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
|
2021-09-10 12:37:50 +03:00
|
|
|
/* next-demos */
|
|
|
|
|
|
|
|
|
|
body {
|
2022-09-23 10:12:23 +03:00
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
2024-08-09 16:00:17 +03:00
|
|
|
--rz-body-font-size: 1rem;
|
2021-05-25 17:53:07 +03:00
|
|
|
}
|
|
|
|
|
|
2021-09-10 12:37:50 +03:00
|
|
|
.light {
|
2024-07-18 16:24:20 +03:00
|
|
|
padding-block-start: 3rem;
|
|
|
|
|
padding-block-end: 6rem;
|
2021-09-10 12:37:50 +03:00
|
|
|
background-image: url("../images/background.svg");
|
|
|
|
|
background-repeat: no-repeat;
|
2024-08-09 16:00:17 +03:00
|
|
|
background-size: 3000px;
|
|
|
|
|
background-position: 50% -1600px;
|
2021-09-08 15:05:31 +03:00
|
|
|
}
|
|
|
|
|
|
2021-09-10 12:37:50 +03:00
|
|
|
.dark {
|
2024-07-18 16:24:20 +03:00
|
|
|
padding-block-start: 6rem;
|
|
|
|
|
padding-block-end: 3rem;
|
2021-09-10 12:37:50 +03:00
|
|
|
background-color: #050A23;
|
|
|
|
|
background-image: url("../images/background.svg");
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-position: 50% 0;
|
2022-11-14 13:14:47 +02:00
|
|
|
}
|
|
|
|
|
|
2023-01-27 19:01:27 +02:00
|
|
|
.demos-home.dark,
|
|
|
|
|
.demos-home.dark h1,
|
|
|
|
|
.demos-home.dark h2,
|
|
|
|
|
.demos-home.dark h3,
|
|
|
|
|
.demos-home.dark h4,
|
|
|
|
|
.demos-home.dark h5,
|
|
|
|
|
.demos-home.dark h6,
|
|
|
|
|
.demos-home.dark p {
|
|
|
|
|
color: #ffffff !important;
|
2021-09-08 15:05:31 +03:00
|
|
|
}
|
|
|
|
|
|
2021-09-10 12:37:50 +03:00
|
|
|
/* Top navigation links */
|
|
|
|
|
.nav-links a {
|
2023-01-27 19:01:27 +02:00
|
|
|
color: var(--rz-text-title-color);
|
2021-09-10 12:37:50 +03:00
|
|
|
transition: all 0.3s;
|
2022-09-22 16:48:17 +03:00
|
|
|
text-decoration: none;
|
2021-09-08 15:05:31 +03:00
|
|
|
}
|
|
|
|
|
|
2025-10-21 16:41:29 +03:00
|
|
|
/* CTA Buttons
|
2021-09-10 12:37:50 +03:00
|
|
|
|
2021-09-08 15:05:31 +03:00
|
|
|
.cta-button {
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
display: inline-block;
|
2024-08-09 16:00:17 +03:00
|
|
|
font-weight: 600;
|
2021-09-08 15:05:31 +03:00
|
|
|
font-size: 1rem;
|
|
|
|
|
line-height: 1.25rem;
|
|
|
|
|
letter-spacing: 0.05em;
|
|
|
|
|
text-transform: uppercase;
|
2021-09-15 14:54:23 +03:00
|
|
|
text-align: center;
|
|
|
|
|
white-space: nowrap;
|
2021-09-08 15:05:31 +03:00
|
|
|
padding: 1rem 2rem;
|
|
|
|
|
border-radius: .75rem;
|
2024-08-09 16:00:17 +03:00
|
|
|
border: 2px solid var(--rz-text-color);
|
2021-09-08 15:05:31 +03:00
|
|
|
box-sizing: border-box;
|
2023-01-27 19:01:27 +02:00
|
|
|
color: var(--rz-text-color) !important;
|
2021-09-09 14:06:20 +03:00
|
|
|
transition: all 0.3s ease-in-out;
|
2021-09-08 15:05:31 +03:00
|
|
|
}
|
|
|
|
|
|
2021-09-10 12:37:50 +03:00
|
|
|
.dark .cta-button {
|
2021-09-15 14:54:23 +03:00
|
|
|
border-color: rgba(255,255,255,.3);
|
|
|
|
|
color: #ffffff !important;
|
2021-09-10 12:37:50 +03:00
|
|
|
}
|
|
|
|
|
|
2021-09-08 15:05:31 +03:00
|
|
|
.cta-button.primary {
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
color: #ffffff !important;
|
2025-10-21 16:41:29 +03:00
|
|
|
border-color: var(--rz-primary); /*#FF504D
|
|
|
|
|
background: var(--rz-primary); /*§#FF504D
|
2021-09-08 15:05:31 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.cta-button:hover {
|
|
|
|
|
text-decoration: none;
|
2023-01-27 19:01:27 +02:00
|
|
|
color: var(--rz-text-contrast-color) !important;
|
|
|
|
|
border-color: var(--rz-base-800);
|
|
|
|
|
background: var(--rz-base-800);
|
2021-09-08 15:05:31 +03:00
|
|
|
}
|
|
|
|
|
.dark .cta-button:hover {
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
color: #050A23 !important;
|
|
|
|
|
border-color: #ffffff;
|
|
|
|
|
background: #ffffff;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.cta-button:active {
|
|
|
|
|
color: #c2c2c2 !important;
|
|
|
|
|
}
|
|
|
|
|
.dark .cta-button:active {
|
|
|
|
|
color: #515256 !important;
|
|
|
|
|
}
|
2025-10-21 16:41:29 +03:00
|
|
|
*/
|
2023-01-27 19:01:27 +02:00
|
|
|
/* Updated layout */
|
2024-08-09 16:00:17 +03:00
|
|
|
|
|
|
|
|
.customers-logos {
|
|
|
|
|
|
|
|
|
|
img {
|
|
|
|
|
height: 20px;
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.square img {
|
|
|
|
|
height: 40px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
span {
|
|
|
|
|
min-width: 100px;
|
|
|
|
|
padding: 8px 12px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
}
|
2021-09-10 12:37:50 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Radzen Features */
|
|
|
|
|
|
2021-09-08 15:05:31 +03:00
|
|
|
video {
|
|
|
|
|
box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.5);
|
2021-09-09 14:06:20 +03:00
|
|
|
background: rgba(0,0,0,.3) url("../images/play.svg") no-repeat 50% 50%;
|
2021-09-08 15:05:31 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.radzen-features ul {
|
2024-07-18 16:24:20 +03:00
|
|
|
margin-block-start: 0;
|
|
|
|
|
margin-block-end: 0;
|
2021-09-10 12:37:50 +03:00
|
|
|
list-style-image: url("../images/checkmark.svg");
|
2021-09-08 15:05:31 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.radzen-features li {
|
|
|
|
|
cursor: default;
|
2024-07-18 16:24:20 +03:00
|
|
|
padding-block-start: 0.6rem;
|
|
|
|
|
padding-block-end: 0.6rem;
|
2021-09-09 14:06:20 +03:00
|
|
|
transition: all 0.3s ease-in-out;
|
2021-09-08 15:05:31 +03:00
|
|
|
}
|
|
|
|
|
|
2024-08-09 16:00:17 +03:00
|
|
|
/* Components List */
|
|
|
|
|
.components-list {
|
|
|
|
|
--rz-link-hover-text-decoration: none;
|
|
|
|
|
|
2025-02-17 10:10:06 -03:00
|
|
|
.rz-link-disabled
|
|
|
|
|
{
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
opacity: 0.5;
|
|
|
|
|
}
|
|
|
|
|
|
2024-08-09 16:00:17 +03:00
|
|
|
.rz-link {
|
2024-08-09 16:29:14 +03:00
|
|
|
display: block;
|
2024-08-09 16:00:17 +03:00
|
|
|
width: 100%;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
position: relative;
|
2024-08-09 16:29:14 +03:00
|
|
|
border-radius: var(--rz-card-border-radius);
|
2024-08-09 16:00:17 +03:00
|
|
|
|
|
|
|
|
.rz-badge {
|
|
|
|
|
--rz-badge-font-size: 12px;
|
|
|
|
|
--rz-badge-line-height: 12px;
|
|
|
|
|
--rz-badge-padding: 1px 2px;
|
|
|
|
|
--rz-badge-border-radius: var(--rz-border-radius-4);
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 16px;
|
|
|
|
|
height: 16px;
|
|
|
|
|
inset-inline-start: 32px;
|
|
|
|
|
inset-block-start: -4px;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-align: start;
|
|
|
|
|
transition: width .15s 0.1s linear;
|
|
|
|
|
|
|
|
|
|
span {
|
|
|
|
|
margin: 0 4px;
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
font-size: 9px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.rz-link-text {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
gap: 0.5rem;
|
|
|
|
|
|
|
|
|
|
> .rzi {
|
|
|
|
|
font-size: 28px;
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
width: 12px;
|
|
|
|
|
height: 12px;
|
|
|
|
|
font-variation-settings: 'opsz' 40;
|
|
|
|
|
background-color: var(--rz-primary-lighter);
|
|
|
|
|
color: var(--rz-on-primary-lighter);
|
|
|
|
|
border-radius: var(--rz-card-border-radius);
|
|
|
|
|
width: 44px;
|
|
|
|
|
height: 44px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2024-08-09 16:29:14 +03:00
|
|
|
.rz-link:hover,
|
|
|
|
|
.rz-link:focus-visible {
|
2024-08-09 16:00:17 +03:00
|
|
|
.rz-badge.rz-badge-success {
|
|
|
|
|
width: 46px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.rz-badge.rz-badge-info {
|
|
|
|
|
width: 66px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-08-09 16:29:14 +03:00
|
|
|
|
|
|
|
|
.rz-link:focus-visible {
|
|
|
|
|
outline: var(--rz-outline-focus);
|
|
|
|
|
}
|
2021-09-09 14:06:20 +03:00
|
|
|
}
|
|
|
|
|
|
2025-06-11 15:23:16 +03:00
|
|
|
/* Main Site Navigation on Product pages */
|
|
|
|
|
|
|
|
|
|
.site-main-top-nav {
|
|
|
|
|
--rz-menu-item-icon-margin-inline: 0;
|
|
|
|
|
--rz-menu-item-icon-color: var(--rz-on-primary-darker);
|
|
|
|
|
--rz-menu-item-icon-hover-color: var(--rz-white);
|
|
|
|
|
--rz-menu-background-color: var(--rz-base-darker);
|
|
|
|
|
--rz-menu-top-item-color: var(--rz-on-base-darker);
|
|
|
|
|
--rz-menu-top-item-background-color: var(--rz-base-darker);
|
|
|
|
|
--rz-menu-top-item-hover-color: var(--rz-on-base-darker);
|
|
|
|
|
--rz-menu-top-item-selected-color: var(--rz-on-base-darker);
|
|
|
|
|
--rz-menu-item-color: var(--rz-on-base-darker);
|
|
|
|
|
--rz-menu-item-background-color: var(--rz-base-darker);
|
|
|
|
|
--rz-menu-item-hover-color: var(--rz-on-base-dark);
|
|
|
|
|
--rz-menu-item-hover-background-color: var(--rz-base-dark);
|
v10 (#2471)
* Chip and ChipList components added
Code improved
demos improved
Update Chip styles
Exctract mixins for button, badge and chip styles
Update Chip demos
Update Chip styles in themes
Fix chip styles in dropdowns
Fix icon position in different chip sizes
Fix chip border-radius
Optimize styles
Update Chip icon
Update premium themes
Chip/ChipList keyboard navigation fixed
Invalid code fixed
Update Chip focus styles
* Gantt added
code improved
demo update with more data
more demo improvements
more improvements
rendering updated
Gantt Splitter ChangeStateOnResize set to false
Gantt connecting lines added
Tooltips added
FIltering demo added
Gantt editing demos added
demo updated
scrollbar improved
Gantt ExpandRows() added
thead height made equal
material fixed
filtering improved
Subtitle2 removed
Gantt drag & resize added
Critical Path, Dependency Types and Baselines added
Today Line, Non-Working Days, TaskRender Callback, Vertical Date Markers and Custom Task Bar Template added
Zoom to fit and multiline headers added
Rendering optimized
Grouped header should be static
Invalidate row count on expand/collapse and filter
progress, critical path, red vertical line and baseline styling improved
frozen columns in demos should have Width set
alignment improved
Auto scroll to events when switching between views
Dependency Data added
* Move scheduler month view "more" button to slot header
The "+X more" button was absolutely positioned inside the events area,
occupying space that could hold an additional appointment. Move it inline
into the slot title header next to the day number so it no longer
consumes an event slot.
- Fix operator precedence bug in MaxAppointmentsInSlot auto-calculation
- Style the button end-aligned in the header using flex + margin-inline-start: auto
- Add demo appointments to trigger the "more" button in the default demo
* Use ResizeObserver to measure month view content height
Replace the hardcoded (Height - 60) / 6 calculation with actual
measurements from a ResizeObserver on the view content element. This
fixes appointment overflow at non-default scheduler heights (e.g. 500px)
where the 60px header estimate was inaccurate (~91px actual).
The MonthView now uses the existing createResizable JS pattern to
observe its own content area and dynamically computes the correct
MaxAppointmentsInSlot from the measured height and actual week count.
* Replace createScheduler with createResizable for ResizeObserver support
The scheduler-specific JS functions only used window resize events.
Switch to the shared createResizable/destroyResizable pattern which
uses ResizeObserver with a window resize fallback, consistent with
charts and gauges.
* Replace DocFX with Blazor class library for API reference generation
Add Radzen.Blazor.Api and Radzen.Blazor.Api.Generator projects that
generate .razor pages from Radzen.Blazor assembly metadata at build time.
Pages are generated conditionally (Release builds or -p:GenerateApiPages=true).
The API assembly is lazy-loaded to avoid initial payload penalty. Old .html
URLs are preserved via 301 redirects in CanonicalRedirectMiddleware.
* Improve API reference navigation and member anchors
- Add anchor links to member headings via RadzenText Anchor parameter
- Fix inherited member links to navigate to the specific member, not just the declaring type
- Add nav panel that expands/selects the current type on navigation
- Fix RadzenBody to scroll to fragment target instead of resetting to top
* Stop RadzenToc from updating URL hash on scroll and fix scroll container
- Remove navigateTo call from scroll handler so URL hash is not overwritten
- Set TOC Selector to .rz-body so it monitors the correct scrollable container
* Align API layout header with MainLayout
* Refactor RadzenToc scroll listener disposal and item link updates.
Return a disposable JS listener handle instead of storing expando handlers on elements, and move TOC item href refresh to NavigationManager location-change handling so links stay in sync with path/query changes.
* Add v10 RadzenToc changelog notes.
Document the RadzenToc breaking changes around link rendering, aria-selected semantics, and address bar behavior during scrolling, plus the high-level scroll tracking update.
* Fix RadzenToc NullReferenceException during concurrent disposal and API reference redirect loop.
Capture scrollListenerRef in a local variable before disposing to prevent a race condition when multiple RadzenTocItem components dispose concurrently. Skip scroll listener re-registration when the parent RadzenToc is already disposed. Remove UseDefaultFiles middleware and fix API Reference link to prevent redirect loops.
* Fix RadzenToc scrollspy to match Bootstrap ScrollSpy behavior.
Remove fallback that always highlighted the first item on load. Require
actual scroll (scrollY > 0) before activating the at-bottom branch so
short pages don't highlight the last item. Add click handler to
RadzenTocItem so clicking an item activates it immediately (matching the
DocFX affix click behavior).
* Fix misaligned code examples in generated API documentation
XML doc comment code blocks retained source-level indentation after
parsing, causing excessive leading whitespace in rendered examples.
Replace simple .Trim() with indentation normalization that strips
the common leading whitespace prefix from all lines.
* Update ApiLayout and MainTopNav
* Fixed .Server project Cannot provide a value for property 'AssemblyLoader' on type 'RadzenBlazorDemos.Routes'.
* Scatter and Bubble series added to Chart
* LinearGauge added
* Popup cut off on rightmost columns and flickers
Fix #2414, #2181
* CheckBoxList filter options update without clicking Apply
Fix #2155
* tests updated
* DataGrid Reload() lags one render behind
Fix #2214
* Gaps in Data for Charts
Fix #765
* DataGrid Fixed Column resizing will show visual white space between fixed columns
Fix #2228
* Setting Parameter on RadzenDataGridColumn<T> does not always trigger render of content
Fix #2215
* DataGrid column resizing does not work on mobile and tablet devices
Fix #2168
* RadzenAccordion invalid ARIA aatributes
Fix #1931
* DropDownDataGrid search text clear button added
Fix #1555
* Caruosel AnimationDuration added
Fix #2438
* Tooltip ARIA attributes improved
Fix #2314
* Long tooltip does not wrap
Fix #2320
* Clicking into Padding of PanelMenuItem does navigate but not expand Item
Fix #2244
* RadzenDatePicker FocusedDate synced with current date
Fix #1991
* Dialog OnSideClose gets called when opening and closing
Fix #1976
* RadzenNumeric RemoveNonNumericCharacters improved
Fix #1937
* Optimize CSS rules and SCSS mixins
* Fix percentage values in SCSS
* Update premium themes
* Line Chart markers cannot be dynamically turned off using @if
Fix #1229
* DropDownDataGrid exception when changing data object
Fix #1941
* RadzenChat new messages button added
Fix #2375
* RadzenHtmlEditor Immediate property added
Fix #2279
* Radzen Popup shows wrongly in a RTL
Fix #2271
* RadzenListBox/RadzenPickList EmptyTemplate and EmptyText added
Fix #2018
* DataGrid footer and header is being incorrectly rendered for frozen columns
Fix #1402
* PropertyAccess.GetValue() fixed to work with sub interfaces
Fix #1249
* RadzenPickList AllowVirtualization added
Fix #2456
* DataGrid add new row issue with LoadData method
Fix #365
* Various components keyboard navigation not working as described in the demos
Fix #2446
* RadzenDataGrid Keyboard Selection jumps when AllowVirtualization is enabled
Fix #2439
* RadzenPanelMenu MenuItemDisplayStyle.IconAndTextStacked added
Fix #2368
* RadzenPickList SelectedSourceChanged/SelectedTargetChanged added
Fix #2324
* RadzenTabs AllowReorder property added
Fix #2318
* RadzenAccordion ExpandAll()/CollapseAll() added
Fix #2206
* RadzenDropZoneContainer Start/End Drag events added
Fix #2158
* RadzenDataGrid doesn't appear to do colspan/rowspan properly
Fix #1064
* Update Gantt styles
* Update Gantt styles and premium themes
* Update Gantt styles
* Update Gantt demos
* Update Linear Gauge demos
* Update component icons
* tests fixed
---------
Co-authored-by: Atanas Korchev <akorchev@gmail.com>
Co-authored-by: yordanov <vasil@yordanov.info>
2026-03-11 16:13:33 +02:00
|
|
|
--rz-menu-item-selected-color: var(--rz-on-base-darker);
|
2025-06-12 17:21:44 +03:00
|
|
|
--rz-menu-item-selected-background-color: var(--rz-base-dark);
|
2026-07-06 09:52:02 +03:00
|
|
|
--rz-text-caption-color: var(--rz-on-base-darker);
|
v10 (#2471)
* Chip and ChipList components added
Code improved
demos improved
Update Chip styles
Exctract mixins for button, badge and chip styles
Update Chip demos
Update Chip styles in themes
Fix chip styles in dropdowns
Fix icon position in different chip sizes
Fix chip border-radius
Optimize styles
Update Chip icon
Update premium themes
Chip/ChipList keyboard navigation fixed
Invalid code fixed
Update Chip focus styles
* Gantt added
code improved
demo update with more data
more demo improvements
more improvements
rendering updated
Gantt Splitter ChangeStateOnResize set to false
Gantt connecting lines added
Tooltips added
FIltering demo added
Gantt editing demos added
demo updated
scrollbar improved
Gantt ExpandRows() added
thead height made equal
material fixed
filtering improved
Subtitle2 removed
Gantt drag & resize added
Critical Path, Dependency Types and Baselines added
Today Line, Non-Working Days, TaskRender Callback, Vertical Date Markers and Custom Task Bar Template added
Zoom to fit and multiline headers added
Rendering optimized
Grouped header should be static
Invalidate row count on expand/collapse and filter
progress, critical path, red vertical line and baseline styling improved
frozen columns in demos should have Width set
alignment improved
Auto scroll to events when switching between views
Dependency Data added
* Move scheduler month view "more" button to slot header
The "+X more" button was absolutely positioned inside the events area,
occupying space that could hold an additional appointment. Move it inline
into the slot title header next to the day number so it no longer
consumes an event slot.
- Fix operator precedence bug in MaxAppointmentsInSlot auto-calculation
- Style the button end-aligned in the header using flex + margin-inline-start: auto
- Add demo appointments to trigger the "more" button in the default demo
* Use ResizeObserver to measure month view content height
Replace the hardcoded (Height - 60) / 6 calculation with actual
measurements from a ResizeObserver on the view content element. This
fixes appointment overflow at non-default scheduler heights (e.g. 500px)
where the 60px header estimate was inaccurate (~91px actual).
The MonthView now uses the existing createResizable JS pattern to
observe its own content area and dynamically computes the correct
MaxAppointmentsInSlot from the measured height and actual week count.
* Replace createScheduler with createResizable for ResizeObserver support
The scheduler-specific JS functions only used window resize events.
Switch to the shared createResizable/destroyResizable pattern which
uses ResizeObserver with a window resize fallback, consistent with
charts and gauges.
* Replace DocFX with Blazor class library for API reference generation
Add Radzen.Blazor.Api and Radzen.Blazor.Api.Generator projects that
generate .razor pages from Radzen.Blazor assembly metadata at build time.
Pages are generated conditionally (Release builds or -p:GenerateApiPages=true).
The API assembly is lazy-loaded to avoid initial payload penalty. Old .html
URLs are preserved via 301 redirects in CanonicalRedirectMiddleware.
* Improve API reference navigation and member anchors
- Add anchor links to member headings via RadzenText Anchor parameter
- Fix inherited member links to navigate to the specific member, not just the declaring type
- Add nav panel that expands/selects the current type on navigation
- Fix RadzenBody to scroll to fragment target instead of resetting to top
* Stop RadzenToc from updating URL hash on scroll and fix scroll container
- Remove navigateTo call from scroll handler so URL hash is not overwritten
- Set TOC Selector to .rz-body so it monitors the correct scrollable container
* Align API layout header with MainLayout
* Refactor RadzenToc scroll listener disposal and item link updates.
Return a disposable JS listener handle instead of storing expando handlers on elements, and move TOC item href refresh to NavigationManager location-change handling so links stay in sync with path/query changes.
* Add v10 RadzenToc changelog notes.
Document the RadzenToc breaking changes around link rendering, aria-selected semantics, and address bar behavior during scrolling, plus the high-level scroll tracking update.
* Fix RadzenToc NullReferenceException during concurrent disposal and API reference redirect loop.
Capture scrollListenerRef in a local variable before disposing to prevent a race condition when multiple RadzenTocItem components dispose concurrently. Skip scroll listener re-registration when the parent RadzenToc is already disposed. Remove UseDefaultFiles middleware and fix API Reference link to prevent redirect loops.
* Fix RadzenToc scrollspy to match Bootstrap ScrollSpy behavior.
Remove fallback that always highlighted the first item on load. Require
actual scroll (scrollY > 0) before activating the at-bottom branch so
short pages don't highlight the last item. Add click handler to
RadzenTocItem so clicking an item activates it immediately (matching the
DocFX affix click behavior).
* Fix misaligned code examples in generated API documentation
XML doc comment code blocks retained source-level indentation after
parsing, causing excessive leading whitespace in rendered examples.
Replace simple .Trim() with indentation normalization that strips
the common leading whitespace prefix from all lines.
* Update ApiLayout and MainTopNav
* Fixed .Server project Cannot provide a value for property 'AssemblyLoader' on type 'RadzenBlazorDemos.Routes'.
* Scatter and Bubble series added to Chart
* LinearGauge added
* Popup cut off on rightmost columns and flickers
Fix #2414, #2181
* CheckBoxList filter options update without clicking Apply
Fix #2155
* tests updated
* DataGrid Reload() lags one render behind
Fix #2214
* Gaps in Data for Charts
Fix #765
* DataGrid Fixed Column resizing will show visual white space between fixed columns
Fix #2228
* Setting Parameter on RadzenDataGridColumn<T> does not always trigger render of content
Fix #2215
* DataGrid column resizing does not work on mobile and tablet devices
Fix #2168
* RadzenAccordion invalid ARIA aatributes
Fix #1931
* DropDownDataGrid search text clear button added
Fix #1555
* Caruosel AnimationDuration added
Fix #2438
* Tooltip ARIA attributes improved
Fix #2314
* Long tooltip does not wrap
Fix #2320
* Clicking into Padding of PanelMenuItem does navigate but not expand Item
Fix #2244
* RadzenDatePicker FocusedDate synced with current date
Fix #1991
* Dialog OnSideClose gets called when opening and closing
Fix #1976
* RadzenNumeric RemoveNonNumericCharacters improved
Fix #1937
* Optimize CSS rules and SCSS mixins
* Fix percentage values in SCSS
* Update premium themes
* Line Chart markers cannot be dynamically turned off using @if
Fix #1229
* DropDownDataGrid exception when changing data object
Fix #1941
* RadzenChat new messages button added
Fix #2375
* RadzenHtmlEditor Immediate property added
Fix #2279
* Radzen Popup shows wrongly in a RTL
Fix #2271
* RadzenListBox/RadzenPickList EmptyTemplate and EmptyText added
Fix #2018
* DataGrid footer and header is being incorrectly rendered for frozen columns
Fix #1402
* PropertyAccess.GetValue() fixed to work with sub interfaces
Fix #1249
* RadzenPickList AllowVirtualization added
Fix #2456
* DataGrid add new row issue with LoadData method
Fix #365
* Various components keyboard navigation not working as described in the demos
Fix #2446
* RadzenDataGrid Keyboard Selection jumps when AllowVirtualization is enabled
Fix #2439
* RadzenPanelMenu MenuItemDisplayStyle.IconAndTextStacked added
Fix #2368
* RadzenPickList SelectedSourceChanged/SelectedTargetChanged added
Fix #2324
* RadzenTabs AllowReorder property added
Fix #2318
* RadzenAccordion ExpandAll()/CollapseAll() added
Fix #2206
* RadzenDropZoneContainer Start/End Drag events added
Fix #2158
* RadzenDataGrid doesn't appear to do colspan/rowspan properly
Fix #1064
* Update Gantt styles
* Update Gantt styles and premium themes
* Update Gantt styles
* Update Gantt demos
* Update Linear Gauge demos
* Update component icons
* tests fixed
---------
Co-authored-by: Atanas Korchev <akorchev@gmail.com>
Co-authored-by: yordanov <vasil@yordanov.info>
2026-03-11 16:13:33 +02:00
|
|
|
--rz-card-border: 1px solid var(--rz-base-800);
|
2025-06-11 15:23:16 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.rz-material3 .demos-nav,
|
|
|
|
|
.rz-material3-dark .demos-nav {
|
|
|
|
|
padding: 0.5rem;
|
|
|
|
|
}
|
2022-01-18 11:13:01 +02:00
|
|
|
|
2021-09-10 12:37:50 +03:00
|
|
|
/* Footer */
|
|
|
|
|
|
2023-01-27 19:01:27 +02:00
|
|
|
.copyright {
|
2024-07-18 16:24:20 +03:00
|
|
|
margin-block-start: 6rem;
|
2021-09-10 12:37:50 +03:00
|
|
|
opacity: .2;
|
|
|
|
|
transition: all 0.4s ease-in-out;
|
|
|
|
|
}
|
2023-01-27 19:01:27 +02:00
|
|
|
.copyright:hover {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
|
2022-09-22 16:48:17 +03:00
|
|
|
.row.copyright p {
|
2021-09-10 12:37:50 +03:00
|
|
|
font-size: 1rem;
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
color: #ACAFB9;
|
|
|
|
|
}
|
|
|
|
|
|
2021-09-13 11:15:21 +03:00
|
|
|
/* Demos Content */
|
|
|
|
|
|
|
|
|
|
p code,
|
|
|
|
|
ul code {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
p code,
|
|
|
|
|
ul code,
|
|
|
|
|
pre {
|
2024-07-18 16:24:20 +03:00
|
|
|
padding: 0 0.5rem;
|
2021-09-15 15:24:45 +03:00
|
|
|
font-size: 0.8125em !important;
|
2023-02-28 11:58:25 +02:00
|
|
|
line-height: 1.25rem;
|
2024-07-18 16:24:20 +03:00
|
|
|
background: var(--rz-base);
|
|
|
|
|
color: var(--rz-on-base);
|
|
|
|
|
border-radius: var(--rz-card-border-radius);
|
|
|
|
|
letter-spacing: -0.04em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
pre {
|
|
|
|
|
overflow-x: auto;
|
2021-09-13 11:15:21 +03:00
|
|
|
}
|
|
|
|
|
|
2021-09-15 14:54:23 +03:00
|
|
|
.rz-sidebar {
|
2024-07-18 16:24:20 +03:00
|
|
|
inset-block-end: 0 !important;
|
2021-09-15 14:54:23 +03:00
|
|
|
}
|
|
|
|
|
|
2021-09-15 15:24:45 +03:00
|
|
|
.rz-card.docu p,
|
|
|
|
|
.rz-card.docu ul {
|
|
|
|
|
line-height: 1.6;
|
2024-07-18 16:24:20 +03:00
|
|
|
margin-block-end: 1rem;
|
2021-09-15 15:24:45 +03:00
|
|
|
}
|
|
|
|
|
|
2022-09-12 18:00:56 +03:00
|
|
|
.docu img,
|
|
|
|
|
.docu svg {
|
2021-09-15 15:24:45 +03:00
|
|
|
display: block;
|
2021-09-15 21:52:10 +03:00
|
|
|
width: 100%;
|
|
|
|
|
max-width: 700px;
|
2021-09-15 15:24:45 +03:00
|
|
|
margin: 4rem auto;
|
|
|
|
|
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06);
|
|
|
|
|
}
|
|
|
|
|
|
2022-09-10 20:53:23 +03:00
|
|
|
svg.illustration {
|
2021-09-15 16:23:46 +03:00
|
|
|
box-shadow: none;
|
|
|
|
|
max-width: 300px;
|
|
|
|
|
min-height: 220px;
|
|
|
|
|
}
|
2021-09-13 11:15:21 +03:00
|
|
|
|
2022-07-15 17:08:55 +03:00
|
|
|
.example-container {
|
|
|
|
|
max-width: 1440px;
|
|
|
|
|
}
|
2023-02-02 10:32:18 +02:00
|
|
|
|
2022-01-18 11:13:01 +02:00
|
|
|
/* Demos Sidebar */
|
|
|
|
|
|
|
|
|
|
.demos-sidebar .rz-panel-menu .rz-badge {
|
2024-07-18 16:24:20 +03:00
|
|
|
margin-inline-start: 0.5rem;
|
2026-07-06 15:29:03 +03:00
|
|
|
font-size: 11px;
|
|
|
|
|
line-height: 13px;
|
2022-01-18 11:13:01 +02:00
|
|
|
}
|
|
|
|
|
|
v10 (#2471)
* Chip and ChipList components added
Code improved
demos improved
Update Chip styles
Exctract mixins for button, badge and chip styles
Update Chip demos
Update Chip styles in themes
Fix chip styles in dropdowns
Fix icon position in different chip sizes
Fix chip border-radius
Optimize styles
Update Chip icon
Update premium themes
Chip/ChipList keyboard navigation fixed
Invalid code fixed
Update Chip focus styles
* Gantt added
code improved
demo update with more data
more demo improvements
more improvements
rendering updated
Gantt Splitter ChangeStateOnResize set to false
Gantt connecting lines added
Tooltips added
FIltering demo added
Gantt editing demos added
demo updated
scrollbar improved
Gantt ExpandRows() added
thead height made equal
material fixed
filtering improved
Subtitle2 removed
Gantt drag & resize added
Critical Path, Dependency Types and Baselines added
Today Line, Non-Working Days, TaskRender Callback, Vertical Date Markers and Custom Task Bar Template added
Zoom to fit and multiline headers added
Rendering optimized
Grouped header should be static
Invalidate row count on expand/collapse and filter
progress, critical path, red vertical line and baseline styling improved
frozen columns in demos should have Width set
alignment improved
Auto scroll to events when switching between views
Dependency Data added
* Move scheduler month view "more" button to slot header
The "+X more" button was absolutely positioned inside the events area,
occupying space that could hold an additional appointment. Move it inline
into the slot title header next to the day number so it no longer
consumes an event slot.
- Fix operator precedence bug in MaxAppointmentsInSlot auto-calculation
- Style the button end-aligned in the header using flex + margin-inline-start: auto
- Add demo appointments to trigger the "more" button in the default demo
* Use ResizeObserver to measure month view content height
Replace the hardcoded (Height - 60) / 6 calculation with actual
measurements from a ResizeObserver on the view content element. This
fixes appointment overflow at non-default scheduler heights (e.g. 500px)
where the 60px header estimate was inaccurate (~91px actual).
The MonthView now uses the existing createResizable JS pattern to
observe its own content area and dynamically computes the correct
MaxAppointmentsInSlot from the measured height and actual week count.
* Replace createScheduler with createResizable for ResizeObserver support
The scheduler-specific JS functions only used window resize events.
Switch to the shared createResizable/destroyResizable pattern which
uses ResizeObserver with a window resize fallback, consistent with
charts and gauges.
* Replace DocFX with Blazor class library for API reference generation
Add Radzen.Blazor.Api and Radzen.Blazor.Api.Generator projects that
generate .razor pages from Radzen.Blazor assembly metadata at build time.
Pages are generated conditionally (Release builds or -p:GenerateApiPages=true).
The API assembly is lazy-loaded to avoid initial payload penalty. Old .html
URLs are preserved via 301 redirects in CanonicalRedirectMiddleware.
* Improve API reference navigation and member anchors
- Add anchor links to member headings via RadzenText Anchor parameter
- Fix inherited member links to navigate to the specific member, not just the declaring type
- Add nav panel that expands/selects the current type on navigation
- Fix RadzenBody to scroll to fragment target instead of resetting to top
* Stop RadzenToc from updating URL hash on scroll and fix scroll container
- Remove navigateTo call from scroll handler so URL hash is not overwritten
- Set TOC Selector to .rz-body so it monitors the correct scrollable container
* Align API layout header with MainLayout
* Refactor RadzenToc scroll listener disposal and item link updates.
Return a disposable JS listener handle instead of storing expando handlers on elements, and move TOC item href refresh to NavigationManager location-change handling so links stay in sync with path/query changes.
* Add v10 RadzenToc changelog notes.
Document the RadzenToc breaking changes around link rendering, aria-selected semantics, and address bar behavior during scrolling, plus the high-level scroll tracking update.
* Fix RadzenToc NullReferenceException during concurrent disposal and API reference redirect loop.
Capture scrollListenerRef in a local variable before disposing to prevent a race condition when multiple RadzenTocItem components dispose concurrently. Skip scroll listener re-registration when the parent RadzenToc is already disposed. Remove UseDefaultFiles middleware and fix API Reference link to prevent redirect loops.
* Fix RadzenToc scrollspy to match Bootstrap ScrollSpy behavior.
Remove fallback that always highlighted the first item on load. Require
actual scroll (scrollY > 0) before activating the at-bottom branch so
short pages don't highlight the last item. Add click handler to
RadzenTocItem so clicking an item activates it immediately (matching the
DocFX affix click behavior).
* Fix misaligned code examples in generated API documentation
XML doc comment code blocks retained source-level indentation after
parsing, causing excessive leading whitespace in rendered examples.
Replace simple .Trim() with indentation normalization that strips
the common leading whitespace prefix from all lines.
* Update ApiLayout and MainTopNav
* Fixed .Server project Cannot provide a value for property 'AssemblyLoader' on type 'RadzenBlazorDemos.Routes'.
* Scatter and Bubble series added to Chart
* LinearGauge added
* Popup cut off on rightmost columns and flickers
Fix #2414, #2181
* CheckBoxList filter options update without clicking Apply
Fix #2155
* tests updated
* DataGrid Reload() lags one render behind
Fix #2214
* Gaps in Data for Charts
Fix #765
* DataGrid Fixed Column resizing will show visual white space between fixed columns
Fix #2228
* Setting Parameter on RadzenDataGridColumn<T> does not always trigger render of content
Fix #2215
* DataGrid column resizing does not work on mobile and tablet devices
Fix #2168
* RadzenAccordion invalid ARIA aatributes
Fix #1931
* DropDownDataGrid search text clear button added
Fix #1555
* Caruosel AnimationDuration added
Fix #2438
* Tooltip ARIA attributes improved
Fix #2314
* Long tooltip does not wrap
Fix #2320
* Clicking into Padding of PanelMenuItem does navigate but not expand Item
Fix #2244
* RadzenDatePicker FocusedDate synced with current date
Fix #1991
* Dialog OnSideClose gets called when opening and closing
Fix #1976
* RadzenNumeric RemoveNonNumericCharacters improved
Fix #1937
* Optimize CSS rules and SCSS mixins
* Fix percentage values in SCSS
* Update premium themes
* Line Chart markers cannot be dynamically turned off using @if
Fix #1229
* DropDownDataGrid exception when changing data object
Fix #1941
* RadzenChat new messages button added
Fix #2375
* RadzenHtmlEditor Immediate property added
Fix #2279
* Radzen Popup shows wrongly in a RTL
Fix #2271
* RadzenListBox/RadzenPickList EmptyTemplate and EmptyText added
Fix #2018
* DataGrid footer and header is being incorrectly rendered for frozen columns
Fix #1402
* PropertyAccess.GetValue() fixed to work with sub interfaces
Fix #1249
* RadzenPickList AllowVirtualization added
Fix #2456
* DataGrid add new row issue with LoadData method
Fix #365
* Various components keyboard navigation not working as described in the demos
Fix #2446
* RadzenDataGrid Keyboard Selection jumps when AllowVirtualization is enabled
Fix #2439
* RadzenPanelMenu MenuItemDisplayStyle.IconAndTextStacked added
Fix #2368
* RadzenPickList SelectedSourceChanged/SelectedTargetChanged added
Fix #2324
* RadzenTabs AllowReorder property added
Fix #2318
* RadzenAccordion ExpandAll()/CollapseAll() added
Fix #2206
* RadzenDropZoneContainer Start/End Drag events added
Fix #2158
* RadzenDataGrid doesn't appear to do colspan/rowspan properly
Fix #1064
* Update Gantt styles
* Update Gantt styles and premium themes
* Update Gantt styles
* Update Gantt demos
* Update Linear Gauge demos
* Update component icons
* tests fixed
---------
Co-authored-by: Atanas Korchev <akorchev@gmail.com>
Co-authored-by: yordanov <vasil@yordanov.info>
2026-03-11 16:13:33 +02:00
|
|
|
/* API Reference Sidebar */
|
|
|
|
|
|
|
|
|
|
.demos-sidebar .rz-treenode-label .rz-link {
|
|
|
|
|
--rz-link-hover-text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
|
2023-02-02 10:32:18 +02:00
|
|
|
/* Demos Tabs */
|
|
|
|
|
|
|
|
|
|
.example-tabs > .rz-tabview-panels {
|
2024-07-18 16:24:20 +03:00
|
|
|
border-inline-end: none;
|
|
|
|
|
border-block-end: none;
|
|
|
|
|
border-inline-start: none;
|
2023-02-02 10:32:18 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.example-tabs > .rz-tabview-nav {
|
|
|
|
|
background-color: var(--rz-tabs-tab-background-color);
|
|
|
|
|
border-radius: var(--rz-card-border-radius) var(--rz-card-border-radius) 0 0;
|
|
|
|
|
padding: 0 1rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.rz-tabview-top.example-tabs > .rz-tabview-nav > li {
|
|
|
|
|
z-index: 1;
|
|
|
|
|
border-radius: 0;
|
2024-07-18 16:24:20 +03:00
|
|
|
border-inline-start: none;
|
|
|
|
|
border-inline-end: none;
|
|
|
|
|
border-block-end: none;
|
2023-02-02 10:32:18 +02:00
|
|
|
transition: none;
|
2023-02-15 16:58:36 +02:00
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.rz-tabview-top.example-tabs > .rz-tabview-nav > li > a > .rz-tabview-title {
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
2023-02-02 10:32:18 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.monaco-editor .view-overlays .current-line {
|
|
|
|
|
border: none !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.source-tab-item {
|
|
|
|
|
margin: calc(-1 * var(--rz-tabs-padding));
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
|
2023-02-02 15:34:01 +02:00
|
|
|
/* Demos TOC */
|
2024-07-18 16:24:20 +03:00
|
|
|
.demos-right-nav {
|
2023-02-02 15:34:01 +02:00
|
|
|
position: sticky;
|
2024-07-18 16:24:20 +03:00
|
|
|
inset-block-start: 2rem;
|
2023-02-02 15:34:01 +02:00
|
|
|
}
|
|
|
|
|
|
2024-11-18 12:42:56 +02:00
|
|
|
/* Promo */
|
|
|
|
|
|
|
|
|
|
.promo-alert {
|
2025-01-07 10:43:26 +02:00
|
|
|
background: linear-gradient(110deg, rgba(0,0,0,0.4) 100%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.4) 100%),linear-gradient(110deg, #000 20%, #AA01E4 75%, #534EEB 100%);
|
2024-12-20 09:11:00 +02:00
|
|
|
background-size: cover;
|
|
|
|
|
padding: 2rem !important;
|
2024-11-18 12:42:56 +02:00
|
|
|
}
|
|
|
|
|
|
2021-09-10 12:37:50 +03:00
|
|
|
/* Responsive */
|
|
|
|
|
|
2021-12-30 16:11:13 +02:00
|
|
|
@media (max-width: 1024px) {
|
2022-04-07 16:35:35 +03:00
|
|
|
.documentation-links {
|
2022-11-14 13:14:47 +02:00
|
|
|
float: none;
|
2024-07-18 16:24:20 +03:00
|
|
|
margin-inline-start: 0;
|
|
|
|
|
margin-block-end: 1rem;
|
2021-12-30 16:11:13 +02:00
|
|
|
}
|
2022-04-07 16:35:35 +03:00
|
|
|
.documentation-links a {
|
|
|
|
|
display: flex;
|
2024-07-18 16:24:20 +03:00
|
|
|
margin-inline-start: 0;
|
2022-04-07 16:35:35 +03:00
|
|
|
}
|
2021-12-30 16:11:13 +02:00
|
|
|
}
|
|
|
|
|
|
2021-09-10 12:37:50 +03:00
|
|
|
@media (max-width: 767px) {
|
|
|
|
|
.nav-links a {
|
2024-07-18 16:24:20 +03:00
|
|
|
margin-inline-start: 1rem;
|
2021-09-10 12:37:50 +03:00
|
|
|
}
|
2025-10-21 16:41:29 +03:00
|
|
|
|
|
|
|
|
.rz-layout .rz-layout:not(:has(>.rz-sidebar:nth-of-type(2))) .rz-header,
|
|
|
|
|
.rz-layout .rz-layout:not(:has(>.rz-sidebar:nth-of-type(2))) .rz-footer,
|
|
|
|
|
.rz-layout .rz-layout:not(:has(>.rz-sidebar:nth-of-type(2))) .rz-body {
|
|
|
|
|
width: initial;
|
|
|
|
|
}
|
2021-09-10 12:37:50 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (max-width: 576px) {
|
|
|
|
|
.all-components h4 {
|
|
|
|
|
font-size: 1.25rem;
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
}
|
|
|
|
|
.all-components a {
|
|
|
|
|
font-size: 1.25rem;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
}
|
|
|
|
|
.popular-components a {
|
|
|
|
|
width: 7rem;
|
2024-07-18 16:24:20 +03:00
|
|
|
margin-block-end: 2rem;
|
2021-09-10 12:37:50 +03:00
|
|
|
}
|
|
|
|
|
.customers h3 {
|
|
|
|
|
margin: 1rem 0 0;
|
|
|
|
|
}
|
|
|
|
|
.copyright {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
2022-11-14 13:14:47 +02:00
|
|
|
}
|
|
|
|
|
|
v10 (#2471)
* Chip and ChipList components added
Code improved
demos improved
Update Chip styles
Exctract mixins for button, badge and chip styles
Update Chip demos
Update Chip styles in themes
Fix chip styles in dropdowns
Fix icon position in different chip sizes
Fix chip border-radius
Optimize styles
Update Chip icon
Update premium themes
Chip/ChipList keyboard navigation fixed
Invalid code fixed
Update Chip focus styles
* Gantt added
code improved
demo update with more data
more demo improvements
more improvements
rendering updated
Gantt Splitter ChangeStateOnResize set to false
Gantt connecting lines added
Tooltips added
FIltering demo added
Gantt editing demos added
demo updated
scrollbar improved
Gantt ExpandRows() added
thead height made equal
material fixed
filtering improved
Subtitle2 removed
Gantt drag & resize added
Critical Path, Dependency Types and Baselines added
Today Line, Non-Working Days, TaskRender Callback, Vertical Date Markers and Custom Task Bar Template added
Zoom to fit and multiline headers added
Rendering optimized
Grouped header should be static
Invalidate row count on expand/collapse and filter
progress, critical path, red vertical line and baseline styling improved
frozen columns in demos should have Width set
alignment improved
Auto scroll to events when switching between views
Dependency Data added
* Move scheduler month view "more" button to slot header
The "+X more" button was absolutely positioned inside the events area,
occupying space that could hold an additional appointment. Move it inline
into the slot title header next to the day number so it no longer
consumes an event slot.
- Fix operator precedence bug in MaxAppointmentsInSlot auto-calculation
- Style the button end-aligned in the header using flex + margin-inline-start: auto
- Add demo appointments to trigger the "more" button in the default demo
* Use ResizeObserver to measure month view content height
Replace the hardcoded (Height - 60) / 6 calculation with actual
measurements from a ResizeObserver on the view content element. This
fixes appointment overflow at non-default scheduler heights (e.g. 500px)
where the 60px header estimate was inaccurate (~91px actual).
The MonthView now uses the existing createResizable JS pattern to
observe its own content area and dynamically computes the correct
MaxAppointmentsInSlot from the measured height and actual week count.
* Replace createScheduler with createResizable for ResizeObserver support
The scheduler-specific JS functions only used window resize events.
Switch to the shared createResizable/destroyResizable pattern which
uses ResizeObserver with a window resize fallback, consistent with
charts and gauges.
* Replace DocFX with Blazor class library for API reference generation
Add Radzen.Blazor.Api and Radzen.Blazor.Api.Generator projects that
generate .razor pages from Radzen.Blazor assembly metadata at build time.
Pages are generated conditionally (Release builds or -p:GenerateApiPages=true).
The API assembly is lazy-loaded to avoid initial payload penalty. Old .html
URLs are preserved via 301 redirects in CanonicalRedirectMiddleware.
* Improve API reference navigation and member anchors
- Add anchor links to member headings via RadzenText Anchor parameter
- Fix inherited member links to navigate to the specific member, not just the declaring type
- Add nav panel that expands/selects the current type on navigation
- Fix RadzenBody to scroll to fragment target instead of resetting to top
* Stop RadzenToc from updating URL hash on scroll and fix scroll container
- Remove navigateTo call from scroll handler so URL hash is not overwritten
- Set TOC Selector to .rz-body so it monitors the correct scrollable container
* Align API layout header with MainLayout
* Refactor RadzenToc scroll listener disposal and item link updates.
Return a disposable JS listener handle instead of storing expando handlers on elements, and move TOC item href refresh to NavigationManager location-change handling so links stay in sync with path/query changes.
* Add v10 RadzenToc changelog notes.
Document the RadzenToc breaking changes around link rendering, aria-selected semantics, and address bar behavior during scrolling, plus the high-level scroll tracking update.
* Fix RadzenToc NullReferenceException during concurrent disposal and API reference redirect loop.
Capture scrollListenerRef in a local variable before disposing to prevent a race condition when multiple RadzenTocItem components dispose concurrently. Skip scroll listener re-registration when the parent RadzenToc is already disposed. Remove UseDefaultFiles middleware and fix API Reference link to prevent redirect loops.
* Fix RadzenToc scrollspy to match Bootstrap ScrollSpy behavior.
Remove fallback that always highlighted the first item on load. Require
actual scroll (scrollY > 0) before activating the at-bottom branch so
short pages don't highlight the last item. Add click handler to
RadzenTocItem so clicking an item activates it immediately (matching the
DocFX affix click behavior).
* Fix misaligned code examples in generated API documentation
XML doc comment code blocks retained source-level indentation after
parsing, causing excessive leading whitespace in rendered examples.
Replace simple .Trim() with indentation normalization that strips
the common leading whitespace prefix from all lines.
* Update ApiLayout and MainTopNav
* Fixed .Server project Cannot provide a value for property 'AssemblyLoader' on type 'RadzenBlazorDemos.Routes'.
* Scatter and Bubble series added to Chart
* LinearGauge added
* Popup cut off on rightmost columns and flickers
Fix #2414, #2181
* CheckBoxList filter options update without clicking Apply
Fix #2155
* tests updated
* DataGrid Reload() lags one render behind
Fix #2214
* Gaps in Data for Charts
Fix #765
* DataGrid Fixed Column resizing will show visual white space between fixed columns
Fix #2228
* Setting Parameter on RadzenDataGridColumn<T> does not always trigger render of content
Fix #2215
* DataGrid column resizing does not work on mobile and tablet devices
Fix #2168
* RadzenAccordion invalid ARIA aatributes
Fix #1931
* DropDownDataGrid search text clear button added
Fix #1555
* Caruosel AnimationDuration added
Fix #2438
* Tooltip ARIA attributes improved
Fix #2314
* Long tooltip does not wrap
Fix #2320
* Clicking into Padding of PanelMenuItem does navigate but not expand Item
Fix #2244
* RadzenDatePicker FocusedDate synced with current date
Fix #1991
* Dialog OnSideClose gets called when opening and closing
Fix #1976
* RadzenNumeric RemoveNonNumericCharacters improved
Fix #1937
* Optimize CSS rules and SCSS mixins
* Fix percentage values in SCSS
* Update premium themes
* Line Chart markers cannot be dynamically turned off using @if
Fix #1229
* DropDownDataGrid exception when changing data object
Fix #1941
* RadzenChat new messages button added
Fix #2375
* RadzenHtmlEditor Immediate property added
Fix #2279
* Radzen Popup shows wrongly in a RTL
Fix #2271
* RadzenListBox/RadzenPickList EmptyTemplate and EmptyText added
Fix #2018
* DataGrid footer and header is being incorrectly rendered for frozen columns
Fix #1402
* PropertyAccess.GetValue() fixed to work with sub interfaces
Fix #1249
* RadzenPickList AllowVirtualization added
Fix #2456
* DataGrid add new row issue with LoadData method
Fix #365
* Various components keyboard navigation not working as described in the demos
Fix #2446
* RadzenDataGrid Keyboard Selection jumps when AllowVirtualization is enabled
Fix #2439
* RadzenPanelMenu MenuItemDisplayStyle.IconAndTextStacked added
Fix #2368
* RadzenPickList SelectedSourceChanged/SelectedTargetChanged added
Fix #2324
* RadzenTabs AllowReorder property added
Fix #2318
* RadzenAccordion ExpandAll()/CollapseAll() added
Fix #2206
* RadzenDropZoneContainer Start/End Drag events added
Fix #2158
* RadzenDataGrid doesn't appear to do colspan/rowspan properly
Fix #1064
* Update Gantt styles
* Update Gantt styles and premium themes
* Update Gantt styles
* Update Gantt demos
* Update Linear Gauge demos
* Update component icons
* tests fixed
---------
Co-authored-by: Atanas Korchev <akorchev@gmail.com>
Co-authored-by: yordanov <vasil@yordanov.info>
2026-03-11 16:13:33 +02:00
|
|
|
|
|
|
|
|
@media (min-width: 576px) and (max-width: 768px) {
|
|
|
|
|
.rz-learning-resources {
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
width: auto;
|
|
|
|
|
|
|
|
|
|
.rz-card {
|
|
|
|
|
border: 0 !important;
|
|
|
|
|
min-width: 50%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (min-width: 769px) and (max-width: 1279px) {
|
|
|
|
|
.rz-learning-resources {
|
|
|
|
|
width: 470px;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
|
|
|
|
.rz-card {
|
|
|
|
|
border: 0 !important;
|
|
|
|
|
min-width: 50%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (min-width: 1280px) {
|
|
|
|
|
.rz-learning-resources {
|
|
|
|
|
width: 800px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.rz-learn-title {
|
|
|
|
|
display: block;
|
2026-07-06 09:52:02 +03:00
|
|
|
--rz-text-caption-line-height: 1.4;
|
v10 (#2471)
* Chip and ChipList components added
Code improved
demos improved
Update Chip styles
Exctract mixins for button, badge and chip styles
Update Chip demos
Update Chip styles in themes
Fix chip styles in dropdowns
Fix icon position in different chip sizes
Fix chip border-radius
Optimize styles
Update Chip icon
Update premium themes
Chip/ChipList keyboard navigation fixed
Invalid code fixed
Update Chip focus styles
* Gantt added
code improved
demo update with more data
more demo improvements
more improvements
rendering updated
Gantt Splitter ChangeStateOnResize set to false
Gantt connecting lines added
Tooltips added
FIltering demo added
Gantt editing demos added
demo updated
scrollbar improved
Gantt ExpandRows() added
thead height made equal
material fixed
filtering improved
Subtitle2 removed
Gantt drag & resize added
Critical Path, Dependency Types and Baselines added
Today Line, Non-Working Days, TaskRender Callback, Vertical Date Markers and Custom Task Bar Template added
Zoom to fit and multiline headers added
Rendering optimized
Grouped header should be static
Invalidate row count on expand/collapse and filter
progress, critical path, red vertical line and baseline styling improved
frozen columns in demos should have Width set
alignment improved
Auto scroll to events when switching between views
Dependency Data added
* Move scheduler month view "more" button to slot header
The "+X more" button was absolutely positioned inside the events area,
occupying space that could hold an additional appointment. Move it inline
into the slot title header next to the day number so it no longer
consumes an event slot.
- Fix operator precedence bug in MaxAppointmentsInSlot auto-calculation
- Style the button end-aligned in the header using flex + margin-inline-start: auto
- Add demo appointments to trigger the "more" button in the default demo
* Use ResizeObserver to measure month view content height
Replace the hardcoded (Height - 60) / 6 calculation with actual
measurements from a ResizeObserver on the view content element. This
fixes appointment overflow at non-default scheduler heights (e.g. 500px)
where the 60px header estimate was inaccurate (~91px actual).
The MonthView now uses the existing createResizable JS pattern to
observe its own content area and dynamically computes the correct
MaxAppointmentsInSlot from the measured height and actual week count.
* Replace createScheduler with createResizable for ResizeObserver support
The scheduler-specific JS functions only used window resize events.
Switch to the shared createResizable/destroyResizable pattern which
uses ResizeObserver with a window resize fallback, consistent with
charts and gauges.
* Replace DocFX with Blazor class library for API reference generation
Add Radzen.Blazor.Api and Radzen.Blazor.Api.Generator projects that
generate .razor pages from Radzen.Blazor assembly metadata at build time.
Pages are generated conditionally (Release builds or -p:GenerateApiPages=true).
The API assembly is lazy-loaded to avoid initial payload penalty. Old .html
URLs are preserved via 301 redirects in CanonicalRedirectMiddleware.
* Improve API reference navigation and member anchors
- Add anchor links to member headings via RadzenText Anchor parameter
- Fix inherited member links to navigate to the specific member, not just the declaring type
- Add nav panel that expands/selects the current type on navigation
- Fix RadzenBody to scroll to fragment target instead of resetting to top
* Stop RadzenToc from updating URL hash on scroll and fix scroll container
- Remove navigateTo call from scroll handler so URL hash is not overwritten
- Set TOC Selector to .rz-body so it monitors the correct scrollable container
* Align API layout header with MainLayout
* Refactor RadzenToc scroll listener disposal and item link updates.
Return a disposable JS listener handle instead of storing expando handlers on elements, and move TOC item href refresh to NavigationManager location-change handling so links stay in sync with path/query changes.
* Add v10 RadzenToc changelog notes.
Document the RadzenToc breaking changes around link rendering, aria-selected semantics, and address bar behavior during scrolling, plus the high-level scroll tracking update.
* Fix RadzenToc NullReferenceException during concurrent disposal and API reference redirect loop.
Capture scrollListenerRef in a local variable before disposing to prevent a race condition when multiple RadzenTocItem components dispose concurrently. Skip scroll listener re-registration when the parent RadzenToc is already disposed. Remove UseDefaultFiles middleware and fix API Reference link to prevent redirect loops.
* Fix RadzenToc scrollspy to match Bootstrap ScrollSpy behavior.
Remove fallback that always highlighted the first item on load. Require
actual scroll (scrollY > 0) before activating the at-bottom branch so
short pages don't highlight the last item. Add click handler to
RadzenTocItem so clicking an item activates it immediately (matching the
DocFX affix click behavior).
* Fix misaligned code examples in generated API documentation
XML doc comment code blocks retained source-level indentation after
parsing, causing excessive leading whitespace in rendered examples.
Replace simple .Trim() with indentation normalization that strips
the common leading whitespace prefix from all lines.
* Update ApiLayout and MainTopNav
* Fixed .Server project Cannot provide a value for property 'AssemblyLoader' on type 'RadzenBlazorDemos.Routes'.
* Scatter and Bubble series added to Chart
* LinearGauge added
* Popup cut off on rightmost columns and flickers
Fix #2414, #2181
* CheckBoxList filter options update without clicking Apply
Fix #2155
* tests updated
* DataGrid Reload() lags one render behind
Fix #2214
* Gaps in Data for Charts
Fix #765
* DataGrid Fixed Column resizing will show visual white space between fixed columns
Fix #2228
* Setting Parameter on RadzenDataGridColumn<T> does not always trigger render of content
Fix #2215
* DataGrid column resizing does not work on mobile and tablet devices
Fix #2168
* RadzenAccordion invalid ARIA aatributes
Fix #1931
* DropDownDataGrid search text clear button added
Fix #1555
* Caruosel AnimationDuration added
Fix #2438
* Tooltip ARIA attributes improved
Fix #2314
* Long tooltip does not wrap
Fix #2320
* Clicking into Padding of PanelMenuItem does navigate but not expand Item
Fix #2244
* RadzenDatePicker FocusedDate synced with current date
Fix #1991
* Dialog OnSideClose gets called when opening and closing
Fix #1976
* RadzenNumeric RemoveNonNumericCharacters improved
Fix #1937
* Optimize CSS rules and SCSS mixins
* Fix percentage values in SCSS
* Update premium themes
* Line Chart markers cannot be dynamically turned off using @if
Fix #1229
* DropDownDataGrid exception when changing data object
Fix #1941
* RadzenChat new messages button added
Fix #2375
* RadzenHtmlEditor Immediate property added
Fix #2279
* Radzen Popup shows wrongly in a RTL
Fix #2271
* RadzenListBox/RadzenPickList EmptyTemplate and EmptyText added
Fix #2018
* DataGrid footer and header is being incorrectly rendered for frozen columns
Fix #1402
* PropertyAccess.GetValue() fixed to work with sub interfaces
Fix #1249
* RadzenPickList AllowVirtualization added
Fix #2456
* DataGrid add new row issue with LoadData method
Fix #365
* Various components keyboard navigation not working as described in the demos
Fix #2446
* RadzenDataGrid Keyboard Selection jumps when AllowVirtualization is enabled
Fix #2439
* RadzenPanelMenu MenuItemDisplayStyle.IconAndTextStacked added
Fix #2368
* RadzenPickList SelectedSourceChanged/SelectedTargetChanged added
Fix #2324
* RadzenTabs AllowReorder property added
Fix #2318
* RadzenAccordion ExpandAll()/CollapseAll() added
Fix #2206
* RadzenDropZoneContainer Start/End Drag events added
Fix #2158
* RadzenDataGrid doesn't appear to do colspan/rowspan properly
Fix #1064
* Update Gantt styles
* Update Gantt styles and premium themes
* Update Gantt styles
* Update Gantt demos
* Update Linear Gauge demos
* Update component icons
* tests fixed
---------
Co-authored-by: Atanas Korchev <akorchev@gmail.com>
Co-authored-by: yordanov <vasil@yordanov.info>
2026-03-11 16:13:33 +02:00
|
|
|
padding-inline: var(--rz-menu-item-padding-inline);
|
|
|
|
|
color: var(--rz-text-tertiary-color) !important;
|
|
|
|
|
}
|
|
|
|
|
|
2022-11-14 13:14:47 +02:00
|
|
|
#blazor-error-ui {
|
|
|
|
|
background: lightyellow;
|
|
|
|
|
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
|
|
|
|
|
display: none;
|
2024-07-18 16:24:20 +03:00
|
|
|
inset-block-end: 0;
|
|
|
|
|
inset-inline-start: 0;
|
|
|
|
|
padding-block: 0.6rem 0.7rem;
|
|
|
|
|
padding-inline: 1.25rem;
|
2022-11-14 13:14:47 +02:00
|
|
|
position: fixed;
|
|
|
|
|
width: 100%;
|
|
|
|
|
z-index: 1000;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#blazor-error-ui .dismiss {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
position: absolute;
|
2024-07-18 16:24:20 +03:00
|
|
|
inset-inline-end: 0.75rem;
|
|
|
|
|
inset-block-start: 0.5rem;
|
2022-11-14 13:14:47 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.blazor-error-boundary {
|
|
|
|
|
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
|
2024-07-18 16:24:20 +03:00
|
|
|
padding-block: 1rem;
|
|
|
|
|
padding-inline: 3.7rem 1rem;
|
2022-11-14 13:14:47 +02:00
|
|
|
color: white;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.blazor-error-boundary::after {
|
|
|
|
|
content: "An error has occurred."
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.rz-app-loading {
|
|
|
|
|
position: fixed;
|
|
|
|
|
inset: 0;
|
|
|
|
|
background: var(--rz-base-background-color);
|
|
|
|
|
z-index: 1000;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.loading-progress {
|
|
|
|
|
position: relative;
|
|
|
|
|
display: block;
|
|
|
|
|
width: 8rem;
|
|
|
|
|
height: 8rem;
|
|
|
|
|
margin: 20vh auto 1rem auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.loading-progress circle {
|
|
|
|
|
fill: none;
|
|
|
|
|
stroke: #e0e0e0;
|
|
|
|
|
stroke-width: 0.6rem;
|
|
|
|
|
transform-origin: 50% 50%;
|
|
|
|
|
transform: rotate(-90deg);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.loading-progress circle:last-child {
|
|
|
|
|
stroke: #1b6ec2;
|
|
|
|
|
stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
|
|
|
|
|
transition: stroke-dasharray 0.05s ease-in-out;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.loading-progress-text {
|
|
|
|
|
position: absolute;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.loading-progress-text:after {
|
|
|
|
|
content: var(--blazor-load-percentage-text, "Loading");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.logo-loading {
|
|
|
|
|
width: 240px !important;
|
|
|
|
|
height: 240px !important;
|
|
|
|
|
position: relative;
|
|
|
|
|
border-radius: 120px;
|
|
|
|
|
animation: boxShadow 2s infinite alternate-reverse;
|
|
|
|
|
animation-delay: 0ms;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.logo-loading:before {
|
|
|
|
|
position: absolute;
|
|
|
|
|
content: "";
|
|
|
|
|
inset: 0;
|
|
|
|
|
background: radial-gradient(circle at bottom, #FE9041 0%, #FF504D 33%, #BD00FF 66%, #534EEB 100%) top right/300% 400%;
|
|
|
|
|
-webkit-mask: url('data:image/svg+xml;utf8,<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M32 64C49.6731 64 64 49.6731 64 32C64 14.3269 49.6731 0 32 0C14.3269 0 0 14.3269 0 32C0 44.3294 6.9729 55.0303 17.1903 60.3741L17.2101 60L16.4699 46H24.9016C24.9016 46 24.0901 52.403 24.0901 60C24.0901 61.0352 24.1059 62.0482 24.1332 63.0258C26.65 63.662 29.2855 64 32 64ZM34.7165 21.1563C31.3677 23.0897 29.6006 26.3148 28.9123 27.8485L24.1052 31.7768C24.0954 31.1937 24.0901 30.6006 24.0901 30C24.0901 22.403 24.9405 16 24.9405 16H16.4699C16.4699 16 17.2101 22.403 17.2101 30C17.2101 37.597 16.4699 44 16.4699 44H24.9405C24.9405 44 24.3074 39.2329 24.1337 33.0449L24.9155 32.4061C25.6087 33.3444 27.4753 35.436 30.8322 36.2859C35.2237 37.3978 43.2636 36.6629 43.2636 36.6629C43.2636 36.6629 36.4332 32.6211 32.0416 31.5092C29.5122 30.8687 27.4277 31.108 26.1147 31.4261L29.3775 28.7599C30.9421 28.8081 34.5296 28.6878 38.0541 26.937C42.743 24.6078 51.9471 15.2096 51.9471 15.2096C51.9471 15.2096 39.2279 18.5516 34.7165 21.1563Z"/></svg>') center/contain;
|
|
|
|
|
mask: url('data:image/svg+xml;utf8,<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M32 64C49.6731 64 64 49.6731 64 32C64 14.3269 49.6731 0 32 0C14.3269 0 0 14.3269 0 32C0 44.3294 6.9729 55.0303 17.1903 60.3741L17.2101 60L16.4699 46H24.9016C24.9016 46 24.0901 52.403 24.0901 60C24.0901 61.0352 24.1059 62.0482 24.1332 63.0258C26.65 63.662 29.2855 64 32 64ZM34.7165 21.1563C31.3677 23.0897 29.6006 26.3148 28.9123 27.8485L24.1052 31.7768C24.0954 31.1937 24.0901 30.6006 24.0901 30C24.0901 22.403 24.9405 16 24.9405 16H16.4699C16.4699 16 17.2101 22.403 17.2101 30C17.2101 37.597 16.4699 44 16.4699 44H24.9405C24.9405 44 24.3074 39.2329 24.1337 33.0449L24.9155 32.4061C25.6087 33.3444 27.4753 35.436 30.8322 36.2859C35.2237 37.3978 43.2636 36.6629 43.2636 36.6629C43.2636 36.6629 36.4332 32.6211 32.0416 31.5092C29.5122 30.8687 27.4277 31.108 26.1147 31.4261L29.3775 28.7599C30.9421 28.8081 34.5296 28.6878 38.0541 26.937C42.743 24.6078 51.9471 15.2096 51.9471 15.2096C51.9471 15.2096 39.2279 18.5516 34.7165 21.1563Z"/></svg>') center/contain;
|
|
|
|
|
animation: colorChange 2s infinite alternate-reverse;
|
|
|
|
|
animation-delay: 0ms;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@keyframes colorChange {
|
|
|
|
|
to {
|
|
|
|
|
background-position: bottom right;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@keyframes boxShadow {
|
|
|
|
|
0% {
|
|
|
|
|
box-shadow: 0 0 0 20px rgba(97, 92, 237, 0.2), 0 0 0 40px rgba(97, 92, 237, 0.2);
|
|
|
|
|
}
|
|
|
|
|
100% {
|
|
|
|
|
box-shadow: 0 0 0 20px rgba(255, 80, 77, 0.2), 0 0 0 40px rgba(255, 80, 77, 0.2);
|
|
|
|
|
}
|
2024-02-19 10:31:27 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.embed-container {
|
|
|
|
|
position: relative;
|
2024-07-18 16:24:20 +03:00
|
|
|
padding-block-end: 56.25%;
|
2024-02-19 10:31:27 +02:00
|
|
|
height: 0;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
}
|
|
|
|
|
.embed-container iframe,
|
|
|
|
|
.embed-container object,
|
|
|
|
|
.embed-container embed {
|
|
|
|
|
position: absolute;
|
2024-07-18 16:24:20 +03:00
|
|
|
inset-block-start: 0;
|
|
|
|
|
inset-inline-start: 0;
|
2024-02-19 10:31:27 +02:00
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
2025-12-19 17:36:32 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.code-editor {
|
|
|
|
|
height: 500px;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.playground .code-editor {
|
2026-03-31 16:52:04 +03:00
|
|
|
height: 100%;
|
2025-12-19 17:36:32 +02:00
|
|
|
width: 100%;
|
2026-03-31 16:52:04 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (max-width: 768px) {
|
|
|
|
|
.rz-tabview-nav {
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
}
|
2022-11-29 08:24:58 +02:00
|
|
|
}
|
