Akkariin/listen1_chrome_extension
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix bug: close button and option menu move when scrolling

Browse Source
This commit is contained in:
listen1 2016-05-21 17:27:36 +08:00
parent 75e006dd1e
commit 1fc7994a4d
3 changed files with 33 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
README.md
View File

@ -1,4 +1,4 @@
Listen 1 (Chrome Extension) （最后更新于5月13日）
Listen 1 (Chrome Extension) （最后更新于5月21日）
==========
[![Software License](https://img.shields.io/badge/license-MIT-brightgreen.svg)](LICENSE)
@ -37,6 +37,14 @@ Firefox打包安装
更新日志
-------
`2016-05-21`
* 增加歌单分页加载功能(感谢@wild-flame的提交)
* 修复关闭按钮随网页滚动的bug
* 修复点击暂停按钮会重置进度条和歌词的bug
* 修复点击歌单名称不跳转的bug
* 调整歌单水平位置居中
`2016-05-14`
* 增加firefox插件支持（感谢fulesdle的提交）

10
css/player.css
View File

@ -87,6 +87,10 @@ a {
position: relative;
}
.container-placeholder {
margin-top: 90px;
}
.site-wrapper {
width:100%;
overflow:hidden;
@ -901,19 +905,19 @@ li {
float: left;
}
.playlist-detail .detail-close {
.cover-container .detail-close {
position: absolute;
right: -32px;
top: 0px;
}
.playlist-detail .detail-close span {
.cover-container .detail-close span {
font-size: 34px;
cursor: pointer;
color: #aaaaaa;
}
.playlist-detail .detail-close span:hover {
.cover-container .detail-close span:hover {
color: #ffffff;
}

29
listen1.html
View File

@ -145,14 +145,19 @@
<!-- content page: 精选歌单 -->
<div class="site-wrapper" ng-show="current_tag==2" ng-controller="PlayListController" ng-init="loadPlaylist();">
<div class="cover-container container-placeholder">
<!-- make empty placeholder div to position sidebar -->
<div class="btn-group-vertical source-list" ng-show="is_window_hidden==1">
<button type="button" class="btn btn-default" ng-class="{'active':isActiveTab(0)}" ng-click="changeTab(0)">网易</button>
<button type="button" class="btn btn-default" ng-class="{'active':isActiveTab(1)}" ng-click="changeTab(1)">虾米</button>
<button type="button" class="btn btn-default" ng-class="{'active':isActiveTab(2)}" ng-click="changeTab(2)">QQ音乐</button>
<!-- <button type="button" class="btn btn-default" ng-class="{'active':isActiveTab(3)}" ng-click="changeTab(3)" ng-show="isDoubanLogin">豆瓣</button> -->
</div>
</div>
<div class="site-wrapper-innerd" id="hotplaylist" resize>
<div class="cover-container">
<div class="btn-group-vertical source-list" ng-show="is_window_hidden==1">
<button type="button" class="btn btn-default" ng-class="{'active':isActiveTab(0)}" ng-click="changeTab(0)">网易</button>
<button type="button" class="btn btn-default" ng-class="{'active':isActiveTab(1)}" ng-click="changeTab(1)">虾米</button>
<button type="button" class="btn btn-default" ng-class="{'active':isActiveTab(2)}" ng-click="changeTab(2)">QQ音乐</button>
<!-- <button type="button" class="btn btn-default" ng-class="{'active':isActiveTab(3)}" ng-click="changeTab(3)" ng-show="isDoubanLogin">豆瓣</button> -->
</div>
<div class="playlist">
<div infinite-scroll='scrolling()' infinite-scroll-disabled='loading==true' infinite-scroll-container="'#hotplaylist'">
<ul class="playlist-covers">
@ -253,14 +258,14 @@
<!-- track list window -->
<div class="site-wrapper" ng-hide="is_window_hidden==1">
<div class="cover-container container-placeholder">
<div class="detail-close">
<span ng-click="popWindow()">&times;</span>
</div>
</div>
<div class="site-wrapper-innerd" resize>
<div class="cover-container" >
<div class="playlist-detail" >
<div class="detail-close">
<span ng-click="popWindow()">&times;</span>
</div>
<div class="playlist-detail">
<div class="detail-head">
<div class="detail-head-cover">
<img ng-src="{{ cover_img_url }}">