Copyright css fix for artist detail

diff --git a/app/festival/static/css/index.css b/app/festival/static/css/index.css
index ad41f67156683de11d80998a82cb0a04c07ef9ba..1fd61567c0f9bf64f830227fc8fc2cc83db68477 100755 (executable)
--- a/app/festival/static/css/index.css
+++ b/app/festival/static/css/index.css
@@ -2942,32 +2942,18 @@ th {
   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
 }
 
-/* line 39, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */
-.artist__item .artist__img {
-  position: relative;
-  padding: 0;
+/* line 38, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */
+.artist__item__img {
   margin: 0;
+  padding: 0;
 }
 
 /* line 43, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */
-.artist__item .artist__img__copyright {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  display: block;
-  width: 100%;
-  padding: .2rem;
-  text-align: right;
-  font: 400 0.6rem "Interstate", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  color: white;
-}
-
-/* line 56, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */
 .artist__item img {
   display: block;
 }
 
-/* line 60, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */
+/* line 47, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */
 .artist__item__name {
   display: block;
   width: 100%;
@@ -2977,7 +2963,7 @@ th {
   margin: 0;
 }
 
-/* line 72, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */
+/* line 59, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */
 .artist__item__name span {
   display: inline-block;
   *display: inline;
@@ -2989,6 +2975,33 @@ th {
   font: 700 0.7rem "Interstate", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
+/* line 75, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */
+.artist__figure {
+  position: relative;
+  padding: 0;
+  margin: 0;
+}
+
+/* line 79, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */
+.artist__figure img {
+  display: block;
+  position: relative;
+}
+
+/* line 84, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */
+.artist__figure__copyright {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  display: block;
+  width: 100%;
+  padding: .2rem;
+  text-align: right;
+  font: 400 0.6rem "Interstate", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  color: white;
+  text-shadow: 1px 1px 1px #000;
+}
+
 /* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-detail.scss */
 .artist__event {
   display: block;
@@ -3613,12 +3626,12 @@ th {
     -webkit-transform: scale(1.01);
     transform: scale(1.01);
   }
-  /* line 60, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */
+  /* line 47, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */
   .artist__item__name{
     padding: 0.8rem;
     line-height: 1;
   }
-  /* line 72, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */
+  /* line 59, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */
   .artist__item__name span{
     font: 700 0.8rem "Interstate", "Helvetica Neue", Helvetica, Arial, sans-serif;
   }

diff --git a/app/festival/static/scss/modules/artist-card.scss b/app/festival/static/scss/modules/artist-card.scss
index 7dd2a12665660a6163290892d7f352c17a92ad7a..24eef3800af239dd16902083379bfbb045982430 100644 (file)
--- a/app/festival/static/scss/modules/artist-card.scss
+++ b/app/festival/static/scss/modules/artist-card.scss
@@ -35,22 +35,9 @@
           }
       }
   }
-
-  .artist__img {
-    position: relative;
-    padding: 0;
+  &__img {
     margin: 0;
-    &__copyright {
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      display: block;
-      width: 100%;
-      padding: .2rem;
-      text-align: right;
-      font: $regular .6rem $base_font_family;
-      color: white;
-    }
+    padding: 0;
   }
 
   img {
@@ -83,4 +70,27 @@
         }
       }
   }
-}
\ No newline at end of file
+}
+
+  .artist__figure {
+    position: relative;
+    padding: 0;
+    margin: 0;
+    img {
+      display: block;
+      position: relative;
+    }
+    // @extend .clearfix;
+    &__copyright {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      display: block;
+      width: 100%;
+      padding: .2rem;
+      text-align: right;
+      font: $regular .6rem $base_font_family;
+      color: white;
+      text-shadow: 1px 1px 1px $black;
+    }
+  }
\ No newline at end of file

diff --git a/app/festival/templates/festival/artist_detail.html b/app/festival/templates/festival/artist_detail.html
index 898ba976540bbcaee5e4cd906070992bec4bd4c8..458a2868d5646f145806a0b5f9ca503b0903db3d 100644 (file)
--- a/app/festival/templates/festival/artist_detail.html
+++ b/app/festival/templates/festival/artist_detail.html
@@ -10,9 +10,9 @@
 <div class="artist__detail">
     <p>
     {% if artist.photo %}
-    <figure class="artist__img">
-        <img class="artist__portrait{% if artist.photo_alignment == 'left' %}--left{% elif artist.photo_alignment == 'right' %}--right{% else %}--center{% endif %}" src="{{ MEDIA_URL }}/{% if artist.photo_featured %}{{ artist.photo_featured }}{% else %}{{ artist.photo }}{% endif %}" />
-        <figcaption class="artist__img__copyright">
+    <figure class="artist__figure img__align{% if artist.photo_alignment == 'left' %}--left{% elif artist.photo_alignment == 'right' %}--right{% else %}--center{% endif %}">
+        <img src="{{ MEDIA_URL }}/{% if artist.photo_featured %}{{ artist.photo_featured }}{% else %}{{ artist.photo }}{% endif %}" />
+        <figcaption class="artist__figure__copyright">
            {{ artist.photo_credits }}
         </figcaption>
     </figure>

diff --git a/app/festival/templates/festival/inc/artist_card.html b/app/festival/templates/festival/inc/artist_card.html
index d627244ad10dd335b94ba6a168f86149d3510885..c867038e5f22c056e7fab248eb224dbb8f5d361d 100644 (file)
--- a/app/festival/templates/festival/inc/artist_card.html
+++ b/app/festival/templates/festival/inc/artist_card.html
@@ -1,7 +1,7 @@
 <div class="artist__item msry__item">
     <div class="artist__item__inner">
         <a href="{% url 'festival-artist-detail' artist.slug %}" class="artist__item__inner">
-            <figure class="artist__img">
+            <figure class="artist__item__img">
                 <img src="{% if artist.photo_featured %}{{ MEDIA_URL }}/{{ artist.photo_featured }}{% elif artist.photo %}{{ MEDIA_URL }}/{{ artist.photo }}{% else %}{% endif %}" alt="Portrait {{ artist.name }}">
             </figure>
             <h3 class="artist__item__name">