Fixed failing test and added more accessibility improvements
- Updated linked images to have obvious focus styles - Added proper role to notifications - Made dropdown list focus styles a bit nicer. - Updated book list chapter child slide down to be keyboard activatable. Related to #1320
This commit is contained in:
		
							parent
							
								
									9fbef8cd1b
								
							
						
					
					
						commit
						2dfe6c2d56
					
				| 
						 | 
				
			
			@ -59,6 +59,8 @@
 | 
			
		|||
  .chapter-expansion-toggle {
 | 
			
		||||
    border-radius: 0 4px 4px 0;
 | 
			
		||||
    padding: $-xs $-m;
 | 
			
		||||
    width: 100%;
 | 
			
		||||
    text-align: left;
 | 
			
		||||
  }
 | 
			
		||||
  .chapter-expansion-toggle:hover {
 | 
			
		||||
    background-color: rgba(0, 0, 0, 0.06);
 | 
			
		||||
| 
						 | 
				
			
			@ -554,14 +556,15 @@ ul.pagination {
 | 
			
		|||
    display: block;
 | 
			
		||||
    padding: $-xs $-m;
 | 
			
		||||
    color: #555;
 | 
			
		||||
    fill: #555;
 | 
			
		||||
    fill: currentColor;
 | 
			
		||||
    white-space: nowrap;
 | 
			
		||||
    &:hover, &:focus {
 | 
			
		||||
      text-decoration: none;
 | 
			
		||||
      background-color: #EEE;
 | 
			
		||||
      background-color: var(--color-primary-light);
 | 
			
		||||
      color: var(--color-primary);
 | 
			
		||||
    }
 | 
			
		||||
    &:focus {
 | 
			
		||||
      outline: 1px solid rgba(0, 0, 0, 0.2);
 | 
			
		||||
      outline: 1px solid var(--color-primary);
 | 
			
		||||
      outline-offset: -2px;
 | 
			
		||||
    }
 | 
			
		||||
    svg {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -106,6 +106,10 @@ a {
 | 
			
		|||
    position: relative;
 | 
			
		||||
    display: inline-block;
 | 
			
		||||
  }
 | 
			
		||||
  &:focus img:only-child {
 | 
			
		||||
    outline: 2px dashed var(--color-primary);
 | 
			
		||||
    outline-offset: 2px;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.blended-links a {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -1,5 +1,5 @@
 | 
			
		|||
<div class="chapter-child-menu">
 | 
			
		||||
    <button chapter-toggle type="button" aria-expanded="{{ $isOpen ? 'true' : 'false' }}" aria-label="{{ trans('common.profile_menu') }}"
 | 
			
		||||
    <button chapter-toggle type="button" aria-expanded="{{ $isOpen ? 'true' : 'false' }}"
 | 
			
		||||
            class="text-muted @if($isOpen) open @endif">
 | 
			
		||||
        @icon('caret-right') @icon('page') <span>{{ trans_choice('entities.x_pages', $bookChild->pages->count()) }}</span>
 | 
			
		||||
    </button>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -11,7 +11,9 @@
 | 
			
		|||
    <div class="chapter chapter-expansion">
 | 
			
		||||
        <span class="icon text-chapter">@icon('page')</span>
 | 
			
		||||
        <div class="content">
 | 
			
		||||
            <div chapter-toggle class="text-muted chapter-expansion-toggle">@icon('caret-right') <span>{{ trans_choice('entities.x_pages', $chapter->pages->count()) }}</span></div>
 | 
			
		||||
            <button type="button" chapter-toggle
 | 
			
		||||
                    aria-expanded="false"
 | 
			
		||||
                    class="text-muted chapter-expansion-toggle">@icon('caret-right') <span>{{ trans_choice('entities.x_pages', $chapter->pages->count()) }}</span></button>
 | 
			
		||||
            <div class="inset-list">
 | 
			
		||||
                <div class="entity-list-item-children">
 | 
			
		||||
                    @include('partials.entity-list', ['entities' => $chapter->pages])
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -1,11 +1,11 @@
 | 
			
		|||
<div notification="success" style="display: none;" data-autohide class="pos" @if(session()->has('success')) data-show @endif>
 | 
			
		||||
<div notification="success" style="display: none;" data-autohide class="pos" role="alert" @if(session()->has('success')) data-show @endif>
 | 
			
		||||
    @icon('check-circle') <span>{!! nl2br(htmlentities(session()->get('success'))) !!}</span>
 | 
			
		||||
</div>
 | 
			
		||||
 | 
			
		||||
<div notification="warning" style="display: none;" class="warning" @if(session()->has('warning')) data-show @endif>
 | 
			
		||||
<div notification="warning" style="display: none;" class="warning" role="alert" @if(session()->has('warning')) data-show @endif>
 | 
			
		||||
    @icon('info') <span>{!! nl2br(htmlentities(session()->get('warning'))) !!}</span>
 | 
			
		||||
</div>
 | 
			
		||||
 | 
			
		||||
<div notification="error" style="display: none;" class="neg" @if(session()->has('error')) data-show @endif>
 | 
			
		||||
<div notification="error" style="display: none;" class="neg" role="alert" @if(session()->has('error')) data-show @endif>
 | 
			
		||||
    @icon('danger') <span>{!! nl2br(htmlentities(session()->get('error'))) !!}</span>
 | 
			
		||||
</div>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -87,7 +87,7 @@ class PageRevisionTest extends TestCase
 | 
			
		|||
        // Delete the first revision
 | 
			
		||||
        $revision = $page->revisions->get(1);
 | 
			
		||||
        $resp = $this->asEditor()->delete($revision->getUrl('/delete/'));
 | 
			
		||||
        $resp->assertStatus(200);
 | 
			
		||||
        $resp->assertRedirect($page->getUrl('/revisions'));
 | 
			
		||||
 | 
			
		||||
        $page = Page::find($page->id);
 | 
			
		||||
        $afterRevisionCount = $page->revisions->count();
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in New Issue