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

fix bug: switch playlist source cause layout chaos

Browse Source
This commit is contained in:
listen1 2016-05-23 20:30:12 +08:00
parent b161ba5173
commit 29d7466e5a
2 changed files with 39 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
css/player.css
View File

@ -975,13 +975,46 @@ li {
right: -32px;
top: 0px;
z-index: 10;
text-align: center;
}
.source-list button{
.source-list div{
background-color: #333333;
color: #fff;
color: #ffffff;
height: 35px;
border: 1px solid #ffffff;
width: 75px;
cursor: pointer;
vertical-align: middle;
padding-top: 6px;
}
.source-list div:first-child:not(:last-child) {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.source-list div:last-child:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.source-list .active {
background-color: #e6e6e6;
color: #333333;
}
.source-list div:hover {
background-color: #ffffff;
color: #333333;
}
.settings-title {
font-size: 20px;
padding: 20px;

8
listen1.html
View File

@ -147,10 +147,10 @@
<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>
<div class="source-list" ng-show="is_window_hidden==1">
<div class="source-button" ng-class="{'active':isActiveTab(0)}" ng-click="changeTab(0)">网易</div>
<div class="source-button" ng-class="{'active':isActiveTab(1)}" ng-click="changeTab(1)">虾米</div>
<div class="source-button" ng-class="{'active':isActiveTab(2)}" ng-click="changeTab(2)">QQ音乐</div>
<!-- <button type="button" class="btn btn-default" ng-class="{'active':isActiveTab(3)}" ng-click="changeTab(3)" ng-show="isDoubanLogin">豆瓣</button> -->
</div>
</div>