Browse Source

Overlay opacity transition

pull/5312/head
Ruud 10 years ago
parent
commit
9bed702601
  1. 2
      couchpotato/core/media/movie/_base/static/movie.scss
  2. 2
      couchpotato/static/style/combined.min.css

2
couchpotato/core/media/movie/_base/static/movie.scss

@ -484,7 +484,7 @@ $mass_edit_height: 44px;
background-image: linear-gradient(25deg, rgba($primary_color,0) 0%, rgba($primary_color,1) 80%);
will-change: opacity;
transition: opacity 400ms;
opacity: 1;
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;

2
couchpotato/static/style/combined.min.css

@ -229,7 +229,7 @@
.thumb_list .movie .info .eta{opacity:.5;float:right;margin-left:4px}
.thumb_list .movie .info .quality{white-space:nowrap;overflow:hidden}
.thumb_list .movie .info .quality span{font-size:.8em;margin-right:2px}
.thumb_list .movie .actions{background-image:linear-gradient(25deg,rgba(172,0,0,0) 0,#ac0000 80%);will-change:opacity;transition:opacity 400ms;opacity:1;visibility:hidden;position:absolute;top:0;right:0;bottom:0;left:0;text-align:right}
.thumb_list .movie .actions{background-image:linear-gradient(25deg,rgba(172,0,0,0) 0,#ac0000 80%);will-change:opacity;transition:opacity 400ms;opacity:0;visibility:hidden;position:absolute;top:0;right:0;bottom:0;left:0;text-align:right}
.thumb_list .movie .actions .action{position:relative;margin-right:10px;float:right;clear:both}
.thumb_list .movie .actions .action:first-child{margin-top:10px}
.thumb_list .movie .actions .action a{transition:all 150ms cubic-bezier(.9,0,.1,1);will-change:color,background;transition-property:color,background;display:block;width:auto;padding:6.67px;color:#FFF;border-radius:2px}

Loading…
Cancel
Save