Merge pull request #967 from noesya/extranet/style/fixes

Extranet/style/fixes

app/assets/stylesheets/extranet/pages/_posts.sass

-.posts-show header figure
-    display: inline-block
-    position: relative
-    &::after
-        bottom: 0
-        content: '©'
-        padding: 0.5rem
-        padding-right: 0
-        position: absolute
-        right: 0
-        transform: translateY(100%)
-    figcaption
-        display: none
-        font-size: 1rem
-        font-weight: 400
-        left: 0
-        padding: 0.5rem
-        padding-right: 1.5rem
-        position: absolute
-        right: 0
-        text-align: right
-        z-index: 10
-        p
-            margin-bottom: 0
-        a
-            text-decoration: underline
-    &:hover figcaption
-        display: block
-    @include media-breakpoint-down(md)
-        figcaption p 
+.posts-show header
+    figure
+        position: relative
+        @include media-breakpoint-up(md)
+            display: inline-block
+            padding-left: 2.813rem
+            width: 25%
+        picture img
+            width: 100%
+        &.with-credit::after
+            bottom: 0
+            content: '©'
+            padding: 0.5rem
+            padding-right: 0
+            position: absolute
+            right: 0
+            transform: translateY(100%)
+        figcaption
+            display: none
+            font-size: 1rem
+            font-weight: 400
+            left: 0
+            padding: 0.5rem
+            padding-right: 1.5rem
+            position: absolute
+            right: 0
+            text-align: right
+            z-index: 10
+            @include media-breakpoint-up(md)
+                padding-left: 2.813rem
+            p
+                margin-bottom: 0
+            a
+                text-decoration: underline
+        &:hover figcaption
             display: block
+        @include media-breakpoint-down(md)
+            figcaption p 
+                display: block

app/views/extranet/posts/posts/show.html.erb

@@ -2,9 +2,9 @@
 
 <% content_for :header_right do %>
   <% if @post.featured_image.attached? %>
-    <figure>
+    <figure <% if @post.featured_image_credit.present? %>class="with-credit"<% end %>>
       <%= kamifusen_tag @post.featured_image, class: 'img-fluid', width: 300 %>
-      <% if !@post.featured_image_credit.blank? %>
+      <% if @post.featured_image_credit.present? %>
         <figcaption tabindex="0">
             <%= sanitize @post.featured_image_credit %>
         </figcaption>