Add description to network page

diff --git a/app/static/src/js/modules/lightslidernetwork-init.js b/app/static/src/js/modules/lightslidernetwork-init.js
index b46372a12dca591fd9209dc04284e55281362879..b8798324af3ef243f126e8694183f7fdb5f30a17 100644 (file)
--- a/app/static/src/js/modules/lightslidernetwork-init.js
+++ b/app/static/src/js/modules/lightslidernetwork-init.js
@@ -84,7 +84,7 @@ LightSliderNetworkInit.prototype.initMarkers = function() {
         };
 
         var info = new google.maps.InfoWindow({
-            content: '<div class="map-infowindow"><div class="map-infowindow__image"><a href="' + $(this).attr('data-marker-url') + '" target="_blank"><img src="' + $(this).attr('data-marker-image') + '" /></a></div><div class="map-infowindow__content"><div class="map-infowindow__title">' + $(this).find('[data-marker-title]').text() + '</div><div class="map-infowindow__subtitle">' + $(this).find('[data-marker-subtitle]').text() + '</div></div></div>'
+            content: '<div class="map-infowindow"><div class="map-infowindow__image"><a href="' + $(this).attr('data-marker-url') + '" target="_blank"><img src="' + $(this).attr('data-marker-image') + '" /></a></div><div class="map-infowindow__content"><div class="map-infowindow__title">' + $(this).find('[data-marker-title]').text() + '</div><div class="map-infowindow__subtitle">' + $(this).find('[data-marker-subtitle]').text() + '</div><p>' + $(this).find('[data-marker-description]').text() + '</p></div></div>'
         });
 
         obj.info = info;

diff --git a/app/static/src/sass/modules/_map-infowindow.scss b/app/static/src/sass/modules/_map-infowindow.scss
index 501656e84ea48045fc24cbc34ee3c403c44225c9..bc98a9727660a5e25b3dddb154f9f8a0b343377c 100644 (file)
--- a/app/static/src/sass/modules/_map-infowindow.scss
+++ b/app/static/src/sass/modules/_map-infowindow.scss
@@ -25,10 +25,17 @@ $module: ".map-infowindow";
     @include padding(1);
     @include clearfix;
 
+    margin-right: -23px;
+    color: $color-background;
+
     &__content {
 
         //float: left;
-        @include margin-left(1);
+        text-align: center;
+
+        p {
+            @include margin(0);
+        }
 
     }
 
@@ -37,7 +44,8 @@ $module: ".map-infowindow";
         @include font-size(m);
         @include line-height(.75);
         @include typeface(sans-serif);
-        font-weight: weight(bold);
+        text-transform: uppercase;
+        font-weight: weight(regular);
 
     }
 
@@ -48,7 +56,11 @@ $module: ".map-infowindow";
         @include font-size(xs);
         @include line-height(.5);
         @include typeface(serif);
-        font-weight: weight(bold);
+        font-weight: weight(regular);
+
+        & + p {
+            @include margin-top(.5);
+        }
 
     }
 

diff --git a/app/static/src/sass/modules/_map-legend.scss b/app/static/src/sass/modules/_map-legend.scss
index 4d196af21c33868844a56355dc0e46772210cb62..dd49c725744b2b260898654a35cb83be8ce978e4 100644 (file)
--- a/app/static/src/sass/modules/_map-legend.scss
+++ b/app/static/src/sass/modules/_map-legend.scss
@@ -41,6 +41,7 @@ $module: ".map-legend";
         color: $color-black;
         display: inline-block;
         line-height: 22px;
+        @include margin-right(.5);
 
         &:last-child {
             @include margin-right(0);

diff --git a/app/templates/network/organization_list.html b/app/templates/network/organization_list.html
index 2a470acf67b6c0c63f4f0978892e3b9cee9b4cd9..3365e92dd07cba34db53ea516081dc820aeacade 100644 (file)
--- a/app/templates/network/organization_list.html
+++ b/app/templates/network/organization_list.html
@@ -53,6 +53,9 @@
                                 <div class="">
                                     {{ organization.type }}, {{ organization.type.css_class }}
                                 </div>
+                                <div class="slider-network__slide-description" data-marker-description>
+                                    {{ organization.description }}
+                                </div>
                             </li>
 
                             {% comment %}