BookStack/resources/views/tri-layout.blade.php
Dan Brown cf5d51e7b8
Made another mass of accessibility improvements
- Set proper semantic tags for main parts of content.
- Removed focus-trap from tag manager/autosuggest.
- Set better accessibility labelling on tag manager.
- Updated collapsible sections to be keyboard navigatable.
- Improved input focus styling to better fit theme.
- Updated custom styled file picker to be accessible via keyboard.

Related to #1320
2019-08-25 15:44:51 +01:00

40 lines
1.2 KiB
PHP

@extends('base')
@section('body-class', 'tri-layout')
@section('content')
<div class="tri-layout-mobile-tabs text-primary print-hidden">
<div class="grid half no-break no-gap">
<div class="tri-layout-mobile-tab px-m py-s" tri-layout-mobile-tab="info">
{{ trans('common.tab_info') }}
</div>
<div class="tri-layout-mobile-tab px-m py-s active" tri-layout-mobile-tab="content">
{{ trans('common.tab_content') }}
</div>
</div>
</div>
<div class="tri-layout-container" tri-layout @yield('container-attrs') >
<div class="tri-layout-left print-hidden pt-m" id="sidebar">
<aside class="tri-layout-left-contents">
@yield('left')
</aside>
</div>
<div class="@yield('body-wrap-classes') tri-layout-middle">
<div class="tri-layout-middle-contents">
@yield('body')
</div>
</div>
<div class="tri-layout-right print-hidden pt-m">
<aside class="tri-layout-right-contents">
@yield('right')
</aside>
</div>
</div>
@stop