CodingPirates/blockly
1
0
Fork 0
mirror of https://github.com/google/blockly.git synced 2026-05-01 17:40:11 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: Display focus rings on flyout buttons and labels (#9679)

Browse Source
This commit is contained in:
Aaron Dodson
2026-04-02 12:08:15 -07:00
committed by GitHub
parent 43be0edf5d
commit dc4d751b93
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/blockly/core/css.ts
+11
View File
@@ -648,4 +648,15 @@ input[type=number] {
stroke: var(--blockly-active-node-color);
stroke-width: var(--blockly-selection-width);
}
/* Flyout buttons and labels */
.blocklyKeyboardNavigation .blocklyFlyout .blocklyFlyoutLabel.blocklyActiveFocus,
.blocklyKeyboardNavigation .blocklyFlyout .blocklyFlyoutButton.blocklyActiveFocus {
outline: none;
}
.blocklyKeyboardNavigation .blocklyFlyout .blocklyFlyoutLabel.blocklyActiveFocus > .blocklyFlyoutLabelText,
.blocklyKeyboardNavigation .blocklyFlyout .blocklyFlyoutButton.blocklyActiveFocus > .blocklyFlyoutButtonBackground {
outline-offset: 2px;
outline: var(--blockly-selection-width) solid var(--blockly-active-node-color);
border-radius: 2px;
}
`;