docs(examples): Dashboard improvements (#34007)

twbs · May 18, 2021 · 9f678d6 · 9f678d6
1 parent 83bcc3c
commit 9f678d6
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 24 deletions.
diff --git a/site/content/docs/5.0/examples/dashboard-rtl/dashboard.js b/site/content/docs/5.0/examples/dashboard-rtl/dashboard.js
@@ -3,7 +3,7 @@
 (function () {
   'use strict'
 
-  feather.replace()
+  feather.replace({ 'aria-hidden': 'true' })
 
   // Graphs
   var ctx = document.getElementById('myChart')

diff --git a/site/content/docs/5.0/examples/dashboard-rtl/index.html b/site/content/docs/5.0/examples/dashboard-rtl/index.html
@@ -18,11 +18,11 @@
     <span class="navbar-toggler-icon"></span>
   </button>
   <input class="form-control form-control-dark w-100" type="text" placeholder="بحث" aria-label="بحث">
-  <ul class="navbar-nav px-3">
-    <li class="nav-item text-nowrap">
-      <a class="nav-link" href="#">تسجيل الخروج</a>
-    </li>
-  </ul>
+  <div class="navbar-nav">
+    <div class="nav-item text-nowrap">
+      <a class="nav-link px-3" href="#">تسجيل الخروج</a>
+    </div>
+  </div>
 </header>
 
 <div class="container-fluid">
@@ -125,11 +125,11 @@ <h2>عنوان القسم</h2>
         <table class="table table-striped table-sm">
           <thead>
             <tr>
-              <th>#</th>
-              <th>عنوان</th>
-              <th>عنوان</th>
-              <th>عنوان</th>
-              <th>عنوان</th>
+              <th scope="col">#</th>
+              <th scope="col">عنوان</th>
+              <th scope="col">عنوان</th>
+              <th scope="col">عنوان</th>
+              <th scope="col">عنوان</th>
             </tr>
           </thead>
           <tbody>

diff --git a/site/content/docs/5.0/examples/dashboard/dashboard.css b/site/content/docs/5.0/examples/dashboard/dashboard.css
@@ -52,7 +52,7 @@ body {
 }
 
 .sidebar .nav-link.active {
-  color: #007bff;
+  color: #2470dc;
 }
 
 .sidebar .nav-link:hover .feather,

diff --git a/site/content/docs/5.0/examples/dashboard/dashboard.js b/site/content/docs/5.0/examples/dashboard/dashboard.js
@@ -3,7 +3,7 @@
 (function () {
   'use strict'
 
-  feather.replace()
+  feather.replace({ 'aria-hidden': 'true' })
 
   // Graphs
   var ctx = document.getElementById('myChart')

diff --git a/site/content/docs/5.0/examples/dashboard/dashboard.rtl.css b/site/content/docs/5.0/examples/dashboard/dashboard.rtl.css
@@ -48,7 +48,7 @@ body {
 }
 
 .sidebar .nav-link.active {
-  color: #007bff;
+  color: #2470dc;
 }
 
 .sidebar .nav-link:hover .feather,

diff --git a/site/content/docs/5.0/examples/dashboard/index.html b/site/content/docs/5.0/examples/dashboard/index.html
@@ -17,11 +17,11 @@
     <span class="navbar-toggler-icon"></span>
   </button>
   <input class="form-control form-control-dark w-100" type="text" placeholder="Search" aria-label="Search">
-  <ul class="navbar-nav px-3">
-    <li class="nav-item text-nowrap">
-      <a class="nav-link" href="#">Sign out</a>
-    </li>
-  </ul>
+  <div class="navbar-nav">
+    <div class="nav-item text-nowrap">
+      <a class="nav-link px-3" href="#">Sign out</a>
+    </div>
+  </div>
 </header>
 
 <div class="container-fluid">
@@ -124,11 +124,11 @@ <h2>Section title</h2>
         <table class="table table-striped table-sm">
           <thead>
             <tr>
-              <th>#</th>
-              <th>Header</th>
-              <th>Header</th>
-              <th>Header</th>
-              <th>Header</th>
+              <th scope="col">#</th>
+              <th scope="col">Header</th>
+              <th scope="col">Header</th>
+              <th scope="col">Header</th>
+              <th scope="col">Header</th>
             </tr>
           </thead>
           <tbody>