fix and display dates

[panikweb-esperanzah.git] / panikweb_esperanzah / static / css / _specifics.scss

diff --git a/panikweb_esperanzah/static/css/_specifics.scss b/panikweb_esperanzah/static/css/_specifics.scss
index de47f4b7e82ba7c2cbaa210f7c931fcc65ffe347..d930c03e49c195450ad9b9aa1e293d35564035de 100644 (file)
--- a/panikweb_esperanzah/static/css/_specifics.scss
+++ b/panikweb_esperanzah/static/css/_specifics.scss
@@ -31,7 +31,7 @@ $pink: #f9025a;
        }
        &:hover {
                .img {
-                       //transform: scale(0.9);
+                       transform: scale(0.9);
                }
        }
 }
@@ -2225,6 +2225,7 @@ div.emission-detail {
                        justify-content: space-between,
                }
                div.sound {
+                       position: relative;
                        align-self: flex-end;
                        width: 100%;
                        @media screen and (max-width: $size_s) {
@@ -2240,6 +2241,20 @@ div.emission-detail {
                        button.action-share {
                                text-transform: none;
                        }
+                       button.icon-play-sign {
+                               display: none;
+                       }
+                       button.icon-pause {
+                               display: none;
+                               position: absolute;
+                               bottom: 8px;
+                               background: transparent;
+                               left: 2px;
+                               z-index: 100;
+                       }
+                       &.playing button.icon-pause {
+                               display: block;
+                       }
                }
                div.more-text {
                        @extend %text;
@@ -2340,7 +2355,7 @@ div#Playlist {
        &:hover::before {
                padding-right: 4px;
        }
-        display: none;
+       margin-top: -2em;
 }
 
 .playing button.no-icon-remove::after {
@@ -2379,7 +2394,6 @@ div#loading-page {
 }
 
 div#header_date {
-       display: none;
         text-transform: uppercase;
         position: absolute;
         text-align: left;
@@ -2412,3 +2426,40 @@ h2.top {
                margin: 0 1ex;
        }
 }
+
+.emission-text {
+       display: flex;
+       flex-direction: column;
+       justify-content: space-between;
+       min-height: 450px;
+       @media screen and (max-width:$size_m){
+               min-height: auto;
+       }
+       #subscribe-links {
+               ul, li {
+                       margin: 0;
+                       padding: 0;
+                       list-style: none;
+               }
+               ul {
+                       display: flex;
+                       flex-wrap: wrap;
+                       @media screen and (max-width:$size_m){
+                               justify-content: center;
+                       }
+               }
+               li {
+                       margin-right: 1em;
+                       margin-bottom: 1em;
+                       a {
+                               padding: 0.3em 0.6em;
+                               background: #ff8b57;
+                               color: white;
+                               border-radius: 10px;
+                               &:hover {
+                                       background: darken(#ff8b57, 20%);
+                               }
+                       }
+               }
+       }
+}