tobi/vue-black-dash
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Accessibility improvements

Browse Source
This commit is contained in:
cristij 2019-02-12 14:38:15 +02:00
parent 88f701632e
commit ec7791725e
3 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/assets/sass/black-dashboard/custom/_sidebar-and-main-panel.scss
View File

@ -244,7 +244,8 @@
p{ p{
margin: 0; margin: 0;
font-weight: $font-weight-normal; font-weight: $font-weight-bold;
color: rgba($white,0.8);
line-height: 30px; line-height: 30px;
position: relative; position: relative;
display: block; display: block;

3
src/components/BaseDropdown.vue
View File

@ -10,7 +10,7 @@
class="dropdown-toggle btn-rotate" class="dropdown-toggle btn-rotate"
:class="titleClasses" :class="titleClasses"
:aria-expanded="isOpen" :aria-expanded="isOpen"
:aria-label="title" :aria-label="title || ariaLabel"
data-toggle="dropdown"> data-toggle="dropdown">
<slot name="title" :is-open="isOpen"> <slot name="title" :is-open="isOpen">
<i :class="icon"></i> <i :class="icon"></i>
@ -58,6 +58,7 @@
type: Boolean, type: Boolean,
description: "Whether menu should appear on the right" description: "Whether menu should appear on the right"
}, },
ariaLabel: String
}, },
data() { data() {
return { return {

2
src/pages/Dashboard.vue
View File

@ -101,8 +101,8 @@
<p class="card-category d-inline">{{$t('dashboard.today')}}</p> <p class="card-category d-inline">{{$t('dashboard.today')}}</p>
<base-dropdown menu-on-right="" <base-dropdown menu-on-right=""
tag="div" tag="div"
aria-label="Settings menu"
title-classes="btn btn-link btn-icon" title-classes="btn btn-link btn-icon"
aria-label="Settings menu"
:class="{'float-left': isRTL}"> :class="{'float-left': isRTL}">
<i slot="title" class="tim-icons icon-settings-gear-63"></i> <i slot="title" class="tim-icons icon-settings-gear-63"></i>
<a class="dropdown-item" href="#pablo">{{$t('dashboard.dropdown.action')}}</a> <a class="dropdown-item" href="#pablo">{{$t('dashboard.dropdown.action')}}</a>