starred/radzen-blazor
1
0
Fork 0
mirror of https://github.com/radzenhq/radzen-blazor.git synced 2026-07-08 18:16:08 +00:00
Code Issues 1.3k Packages Projects Releases 28 Wiki Activity

various CSS outline fixes

Browse Source
This commit is contained in:
Vladimir Enchev
2026-07-03 09:05:31 +03:00
parent e15b3acab1
commit 18190e7001
5 changed files with 38 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
Radzen.Blazor/themes/components/blazor/_listbox.scss
View File

@@ -53,6 +53,10 @@ $listbox-header-icon-margin: 0 !default;
.rz-listbox-list {
margin: 0;
padding: 0;
&:focus {
outline: none;
}
}
.rz-listbox-item {

18
Radzen.Blazor/themes/components/blazor/_pager.scss
View File

@@ -35,17 +35,15 @@ $pager-button-size: "%button-md" !default;
gap: var(--rz-pager-gap);
flex-wrap: wrap;
&:focus {
outline: var(--rz-outline-normal);
}
.rz-pager-element,
.rz-pager-page {
&:focus {
outline: var(--rz-outline-normal);
}
&:focus-visible {
.rz-pager-element,
.rz-pager-page {
&.rz-state-focused {
outline: var(--rz-outline-focus);
outline-offset: var(--rz-outline-offset);
}
&:focus-visible {
outline: var(--rz-outline-focus);
outline-offset: var(--rz-outline-offset);
}
}

4
Radzen.Blazor/themes/components/blazor/_profile-menu.scss
View File

@@ -48,6 +48,10 @@ ul.rz-profile-menu {
}
}
.rz-navigation-menu:focus {
outline: none;
}
.rz-navigation-item-icon-children {
color: var(--rz-profile-menu-toggle-button-color);

13
Radzen.Blazor/themes/components/blazor/_splitbutton.scss
View File

@@ -9,15 +9,6 @@ $splitbutton-sizes: xs, sm, md, lg;
display: inline-flex;
border-radius: var(--rz-button-border-radius);
&:focus {
outline: var(--rz-outline-normal);
}
&:focus-visible {
outline: var(--rz-button-focus-outline);
outline-offset: var(--rz-button-focus-outline-offset);
}
.rz-button-icon-only {
.rz-button-text {
display: none;
@@ -50,6 +41,10 @@ $splitbutton-sizes: xs, sm, md, lg;
list-style: none;
padding: 0;
margin: 0;
&:focus {
outline: none;
}
}
.rz-menuitem {

38
Radzen.Blazor/themes/components/blazor/_tabs.scss
View File

@@ -32,26 +32,6 @@ $tabs-transition: var(--rz-transition-all) !default;
box-sizing: border-box;
display: flex;
&:focus {
outline: var(--rz-outline-normal);
}
&:focus-visible {
outline: var(--rz-outline-focus);
outline-offset: var(--rz-outline-offset);
.rz-tabview-nav {
.rz-state-focused {
&:not(.rz-tabview-selected) {
&:not(.rz-state-disabled) {
outline: var(--rz-tabs-tab-focus-outline);
outline-offset: var(--rz-tabs-tab-focus-outline-offset);
}
}
}
}
}
&.rz-tabview-top {
flex-direction: column;
}
@@ -83,6 +63,24 @@ $tabs-transition: var(--rz-transition-all) !default;
padding: 0;
margin: 0;
&:focus {
outline: var(--rz-outline-normal);
}
&:focus-visible {
outline: var(--rz-outline-focus);
outline-offset: var(--rz-outline-offset);
.rz-state-focused {
&:not(.rz-tabview-selected) {
&:not(.rz-state-disabled) {
outline: var(--rz-tabs-tab-focus-outline);
outline-offset: var(--rz-tabs-tab-focus-outline-offset);
}
}
}
}
li {
border: var(--rz-tabs-border);
background-color: var(--rz-tabs-tab-background-color);