delete composition ajax link is working !

2018-03-24 11:40:51 +01:00
parent 6cc38d3300
commit eed0b50970
7 changed files with 268 additions and 37 deletions
@@ -549,8 +549,37 @@ main[role="main"]{
      .compositions-list{
        width:30%; height:100%;
        overflow-y: auto;
+        li{
+          opacity: 1;
+          transition: opacity 0.3s ease-in-out;
+          &:hover{
+            a.delete-composition-link{
+              opacity: 1;
+            }
+          }
+          &.ajax-loading{
+            opacity: 0.4;
+          }
+        }
        a{
          font-size: 0.756em;
+          $s:7px; $m:5px;
+          &.composition-link{
+            display: inline-block;
+            width: calc(100% - #{$s +$m +2});
+          }
+          &.delete-composition-link{
+            display: inline-block;
+            vertical-align: middle;
+            $s:7px; width:$s; height:$s;
+            margin-left: $m;
+            text-indent: 300px; overflow: hidden;
+            background-image: url('../img/delete.svg');
+            background-repeat: no-repeat;
+            background-size: contain;
+            opacity: 0;
+            transition: opacity 0.3s ease-in-out;
+          }
          &.new-composition-link{
            // padding-left: 1em;
            &:before{