Skip to content
This repository was archived by the owner on Feb 13, 2023. It is now read-only.

Commit 6b5097d

Browse files
committed
Partially Fixes #1982: Upgrade to Boostrap 4, slightly improve A11y for Drupal VM Dashboard.
1 parent b8a4c8a commit 6b5097d

File tree

1 file changed

+23
-23
lines changed

1 file changed

+23
-23
lines changed

provisioning/templates/dashboard.html.j2

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
margin: 0;
1212
}
1313
/* minor fallback styling for when loaded without an internet connection */
14-
.panel, .jumbotron, .well {
14+
.card, .jumbotron {
1515
margin-bottom: 20px;
1616
}
1717
td, th {
@@ -315,7 +315,7 @@
315315
<div class="col-md-12">
316316
<section class="jumbotron text-center">
317317
<a href="https://www.drupalvm.com/"><img src="http://docs.drupalvm.com/en/latest/images/drupal-vm-logo.png" alt="Drupal VM" title="Welcome to Drupal VM" class="img-responsive center-block"></a>
318-
<p><a href="https://github.com/geerlingguy/drupal-vm">Drupal VM</a> is a VM for local Drupal development, built with Vagrant + Ansible.</p>
318+
<p class="lead"><a href="https://github.com/geerlingguy/drupal-vm">Drupal VM</a> is a VM for local Drupal development, built with Vagrant + Ansible.</p>
319319
<p><small>Machine name: <strong>{{ vagrant_machine_name }}</strong></small></p>
320320
<p><a class="btn btn-primary btn-lg" href="http://docs.drupalvm.com/en/latest/" role="button">Read the documentation</a></p>
321321
</section>
@@ -324,18 +324,18 @@
324324

325325
<div class="row">
326326
<div class="col-md-9">
327-
<section class="panel panel-default">
328-
<div class="panel-heading">Your sites</div>
329-
<div class="panel-body">
327+
<section class="card">
328+
<div class="card-header">Your sites</div>
329+
<div class="card-body">
330330
{{ sectionSiteList() }}
331331
</div>
332332
</section>
333333
</div>
334334

335335
<div class="col-md-3">
336-
<section class="panel panel-default">
337-
<div class="panel-heading"> {{ SectionDatabaseListLabel() }}</div>
338-
<div class="panel-body">
336+
<section class="card">
337+
<div class="card-header"> {{ SectionDatabaseListLabel() }}</div>
338+
<div class="card-body">
339339
{{ sectionDatabaseList() }}
340340

341341
{{ sectionDatabaseUserList() }}
@@ -346,39 +346,39 @@
346346

347347
<div class="row">
348348
<div class="col-md-3">
349-
<section class="panel panel-default">
350-
<div class="panel-heading">PHP information</div>
351-
<div class="panel-body">
349+
<section class="card">
350+
<div class="card-header">PHP information</div>
351+
<div class="card-body">
352352
{{ sectionPhpInformation() }}
353353
</div>
354354
</section>
355355
</div>
356356

357357
<div class="col-md-6">
358-
<section class="panel panel-default">
359-
<div class="panel-heading">MySQL connection information</div>
360-
<div class="panel-body">
358+
<section class="card">
359+
<div class="card-header">MySQL connection information</div>
360+
<div class="card-body">
361361
{{ sectionDatabaseConnection() }}
362362
</div>
363363
</section>
364364
</div>
365365

366366
<div class="col-md-3">
367-
<section class="panel panel-default">
368-
<div class="panel-heading">Development tools</div>
369-
<div class="panel-body">
367+
<section class="card">
368+
<div class="card-header">Development tools</div>
369+
<div class="card-body">
370370
{{ sectionDevelopmentTools() }}
371371
</div>
372372
</section>
373-
</div>
373+
</div>
374374
</div>
375375

376376
<div class="row">
377377
<div class="col-md-12">
378-
<section class="panel panel-default">
379-
<div class="panel-heading">/etc/hosts</div>
380-
<div class="panel-body">
381-
<section class="well small">
378+
<section class="card">
379+
<div class="card-header">/etc/hosts</div>
380+
<div class="card-body">
381+
<section class="card small">
382382
{{ sectionHost() }}
383383
</section>
384384
<small>Unless you're using the <a href="https://github.com/cogitatio/vagrant-hostsupdater" target="_blank">vagrant-hostsupdater</a> or <a href="https://github.com/smdahlen/vagrant-hostmanager" target="_blank">vagrant-hostmanager</a> plugin, add the lines above to your host machine's hosts file.</small>
@@ -388,6 +388,6 @@
388388
</div>
389389
</div>
390390

391-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
391+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
392392
</body>
393393
</html>

0 commit comments

Comments
 (0)