github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 17:59:23 -04:00
Code Issues Projects Releases Packages Wiki Activity

Fix canvas workpad focus state (#35015)

Browse source 
* Fix canvas workpad focus state

* reset focus state for viz and top nav
This commit is contained in:
dave.snider@gmail.com 2019-04-12 18:04:31 -07:00 • committed by GitHub
parent d5c3cac6fc
commit e5cabda964
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/legacy/ui/public/kbn_top_nav/kbn_top_nav.html
View file

@ -11,7 +11,7 @@
<div class="kuiLocalMenu kbnTopNav__mainMenu" ng-if="kbnTopNav.menuItems.length">
<button
class="kuiLocalMenuItem {{menuItem.className}}"
class="kuiLocalMenuItem kbn-resetFocusState {{menuItem.className}}"
ng-repeat="menuItem in kbnTopNav.menuItems"
aria-label="{{::menuItem.description}}"
aria-haspopup="{{!menuItem.hasFunction}}"

2
src/legacy/ui/public/styles/_legacy/_base.scss
View file

@ -114,7 +114,7 @@ input[type="checkbox"],
// state. This is useful when you've already hand crafted your own
// focus states in Kibana.
:focus {
&:not([class^="eui"]):not([class^="kbn-resetFocusState"]) {
&:not([class^="eui"]):not(.kbn-resetFocusState) {
@include euiFocusRing;
}
}

2
src/legacy/ui/public/visualize/components/visualization_chart.tsx
View file

@ -90,7 +90,7 @@ class VisualizationChart extends React.Component<VisualizationChartProps> {
public render() {
return (
<div className="visChart__container" tabIndex={0} ref={this.containerDiv}>
<div className="visChart__container kbn-resetFocusState" tabIndex={0} ref={this.containerDiv}>
<p className="euiScreenReaderOnly">
{this.props.vis.type.title} visualization, not yet accessible
</p>

2
x-pack/plugins/canvas/public/components/workpad_page/interactive_workpad_page.js
View file

@ -75,7 +75,7 @@ export class InteractiveWorkpadPage extends PureComponent {
}
}}
data-test-subj="canvasWorkpadPage"
className={`canvasPage ${className} canvasPage--isEditable`}
className={`canvasPage kbn-resetFocusState ${className} canvasPage--isEditable`}
data-shared-items-container
style={{ ...pageStyle, ...animationStyle, height, width, cursor }}
onKeyDown={onKeyDown}

2
x-pack/plugins/canvas/public/components/workpad_page/static_workpad_page.js
View file

@ -19,7 +19,7 @@ export class StaticWorkpadPage extends PureComponent {
key={pageId}
id={pageId}
data-test-subj="canvasWorkpadPage"
className={`canvasPage ${className}`}
className={`canvasPage kbn-resetFocusState ${className}`}
data-shared-items-container
style={{ ...pageStyle, ...animationStyle, height, width }}
>