mirror of
https://github.com/ckaczor/azuredatastudio.git
synced 2026-02-17 02:51:36 -05:00
Fix a couple a11y issues (#8334)
* Fix a couple a11y issues * Add other dialog
This commit is contained in:
@@ -157,7 +157,7 @@ export class AddControllerDialog {
|
|||||||
components: [
|
components: [
|
||||||
{
|
{
|
||||||
component: this.urlInputBox,
|
component: this.urlInputBox,
|
||||||
title: localize('textUrlCapital', "URL"),
|
title: localize('textUrlCapital', "Cluster Management URL"),
|
||||||
required: true
|
required: true
|
||||||
}, {
|
}, {
|
||||||
component: this.authDropdown,
|
component: this.authDropdown,
|
||||||
|
|||||||
@@ -167,7 +167,7 @@ export abstract class HdfsDialogBase<T extends HdfsDialogProperties, R> {
|
|||||||
components: [
|
components: [
|
||||||
{
|
{
|
||||||
component: this.urlInputBox,
|
component: this.urlInputBox,
|
||||||
title: localize('textUrlCapital', "URL"),
|
title: localize('textUrlCapital', "Cluster Management URL"),
|
||||||
required: true
|
required: true
|
||||||
}, {
|
}, {
|
||||||
component: this.authDropdown,
|
component: this.authDropdown,
|
||||||
|
|||||||
@@ -105,7 +105,7 @@ export class SelectBox extends vsSelectBox {
|
|||||||
// SelectBoxList uses its own custom drop down list so we need to also stop propagation from that or it'll
|
// SelectBoxList uses its own custom drop down list so we need to also stop propagation from that or it'll
|
||||||
// also bubble up
|
// also bubble up
|
||||||
this.onkeydown(this.selectBoxDelegate.selectDropDownContainer, (e: IKeyboardEvent) => {
|
this.onkeydown(this.selectBoxDelegate.selectDropDownContainer, (e: IKeyboardEvent) => {
|
||||||
if (e.keyCode === KeyCode.Enter) {
|
if (e.keyCode === KeyCode.Enter || e.keyCode === KeyCode.Escape) {
|
||||||
dom.EventHelper.stop(e, true);
|
dom.EventHelper.stop(e, true);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -56,6 +56,8 @@
|
|||||||
.modal .modal-title {
|
.modal .modal-title {
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
margin-block-start: 0px;
|
||||||
|
margin-block-end: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal .modal-title-icon {
|
.modal .modal-title-icon {
|
||||||
|
|||||||
@@ -188,7 +188,7 @@ export abstract class Modal extends Disposable implements IThemable {
|
|||||||
this._modalTitleIcon = DOM.append(this._modalHeaderSection, DOM.$('.modal-title-icon'));
|
this._modalTitleIcon = DOM.append(this._modalHeaderSection, DOM.$('.modal-title-icon'));
|
||||||
}
|
}
|
||||||
|
|
||||||
this._modalTitle = DOM.append(this._modalHeaderSection, DOM.$('.modal-title'));
|
this._modalTitle = DOM.append(this._modalHeaderSection, DOM.$('h1.modal-title'));
|
||||||
this._modalTitle.innerText = this._title;
|
this._modalTitle.innerText = this._title;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user