displayed footer icon link tooltip

2018-10-24 12:58:46 +02:00
parent c0412724d7
commit 96bd3dc133
6 changed files with 21 additions and 5 deletions
@@ -1681,6 +1681,7 @@ body.path-frontpage, body.path-productions{
    font-size: 0.756em;
    white-space: nowrap;
  }
+
 }

 footer{
@@ -2087,6 +2088,7 @@ footer{
  @mixin iconlinkblock($bgimgurl, $bgimgurlactive) {
    pointer-events: all;
    margin-left: 0.5em;
+    position: relative;
    // @include btn;
    a{
      box-sizing: border-box;
@@ -2108,6 +2110,20 @@ footer{
        // background-color: red;
        background-image: $bgimgurlactive;
      }
+      &[alt]:hover{
+        // position:relative;
+        &:after{
+          content:attr(alt);
+          position:absolute;
+          right:0; bottom:$icons_w*1.2;
+          width:170px;
+          border: 1px solid red;
+          padding:0.5em;
+          font-size: 0.756em;
+          background-color: white;
+          z-index: 50;
+        }
+      }
      html.is-mobile &{
        $wh:$mobile_icon_w;
        width:$wh; height:$wh;