Commit 4397da0c authored by Ryan Wyllie's avatar Ryan Wyllie
Browse files

MDL-59936 boost: improve focus outline on modal header

parent 3e4de626
......@@ -48,7 +48,7 @@
<div class="modal-header {{$headerclasses}}{{headerclasses}}{{/headerclasses}}" data-region="header">
<button type="button" class="close" data-action="hide" title="{{#str}} closebuttontitle {{/str}}"></button>
{{$header}}
<h3 id="{{uniqid}}-modal-title" data-region="title" tabindex="0">
<h3 id="{{uniqid}}-modal-title" class="modal-title" data-region="title" tabindex="0">
{{$title}}{{title}}{{/title}}
</h3>
{{/header}}
......
.modal-header {
padding: 0;
.close {
padding: $modal-title-padding;
margin-top: 0;
}
.modal-title {
padding: $modal-title-padding;
}
}
.modal-body {
& > .loading-icon {
display: block;
......
......@@ -48,7 +48,7 @@
<span aria-hidden="true">&times;</span>
</button>
{{$header}}
<h4 id="{{uniqid}}-modal-title" data-region="title" tabindex="0">{{$title}}{{title}}{{/title}}</h4>
<h4 id="{{uniqid}}-modal-title" class="modal-title" data-region="title" tabindex="0">{{$title}}{{title}}{{/title}}</h4>
{{/header}}
</div>
<div class="modal-body" data-region="body">
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment