diff --git a/app/assets/javascripts/manage/lib/dashboardMap.js b/app/assets/javascripts/manage/lib/dashboardMap.js new file mode 100644 index 000000000..0debe2451 --- /dev/null +++ b/app/assets/javascripts/manage/lib/dashboardMap.js @@ -0,0 +1,13 @@ +document.addEventListener('turbolinks:load', function () { + $('.map-button').click(function (){ + var map = $('#map'); + if(map.is(':visible')){ + map.hide(); + $(this).html('Show Map'); + } + else{ + map.show(); + $(this).html('Hide Map'); + } + }); +}); diff --git a/app/assets/stylesheets/manage.sass b/app/assets/stylesheets/manage.sass index 46f3c31d5..8e7464574 100644 --- a/app/assets/stylesheets/manage.sass +++ b/app/assets/stylesheets/manage.sass @@ -59,6 +59,13 @@ $grey-med: #999 text-align: center overflow: auto width: 100% + @media (max-width: 768px) + display: none + +.map-button + display: none + @media (max-width: 768px) + display: block .narrow-icon width: 40px @@ -74,21 +81,25 @@ $grey-med: #999 vertical-align: top position: absolute z-index: 1 - background: rgba(#ffffff,0.86) + background: rgba(#ffffff, 0.86) margin-left: 33px padding: 0 6% height: 136px + h3 color: $black font-weight: 500 margin: 1.2em 0 0 + p font-size: 14px margin: 0.5em 0 1.2em + &.double-metrics h3 margin-top: 0.45em font-size: 21px + p font-size: 13px margin-top: 0.3em @@ -97,6 +108,7 @@ $grey-med: #999 list-style: none margin: 0 0 10px padding: 0 + li margin: 0 padding: 2px @@ -116,7 +128,8 @@ $grey-med: #999 height: calc(100% + 20px) .editor-toolbar.fullscreen - z-index: 1031 // in front of the navbar + z-index: 1031 +// in front of the navbar /* * Mobile nav @@ -131,6 +144,7 @@ $grey-med: #999 .navbar-mobile-toggle--active background: #eeeeee + .fa color: black !important diff --git a/app/views/manage/dashboard/index.html.haml b/app/views/manage/dashboard/index.html.haml index c0642f5e3..615ca596e 100644 --- a/app/views/manage/dashboard/index.html.haml +++ b/app/views/manage/dashboard/index.html.haml @@ -11,6 +11,8 @@ = render "layouts/manage/page_title", title: t(:title, scope: 'pages.manage.dashboard') +%button.btn.btn-secondary.w-100.map-button Show Map + .row .col #map