mirror/maloja
1
0
Fork 0
mirror of https://github.com/krateng/maloja.git synced 2023-08-10 21:12:55 +03:00
Code Issues Projects Releases Wiki Activity

Some CSS fixes

Browse Source
This commit is contained in:
Krateng 2019-02-15 15:17:29 +01:00
parent f72f35fa89
commit d481746514
1 changed files with 37 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
website/maloja.css
View File

@ -100,11 +100,16 @@ a {
table.list { table.list {
border-collapse:collapse; border-collapse:collapse;
} }
table.list tr td { table.list tr td {
border-bottom:2px solid; border-bottom:2px solid;
border-color:rgba(0,0,0,0) border-color:rgba(0,0,0,0);
white-space: nowrap;
overflow:hidden;
text-overflow:ellipsis;
padding-right:15px;
} }
@ -121,35 +126,29 @@ table.list tr:hover {
background-color:#404044; background-color:#404044;
} }
table td.time { table.list td.time {
width:180px; width:11%;
color:gray; color:gray;
} }
table td.icon {
/*width:20px!important; table.list tr td.icon {
height:20px;
background-size:cover;
background-position:center;
padding-right:6px;*/
padding:0px; padding:0px;
padding-right:5px; padding-right:5px;
width:20px;
} }
table td.icon div { table.list td.icon div {
width:20px; width:20px;
height:20px; height:20px;
background-size:cover; background-size:cover;
background-position:center; background-position:center;
} }
table td.artists,td.artist,td.title { table.list td.artists,td.artist,td.title {
/*width:500px;*/
min-width:100px; min-width:100px;
padding-right:15px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
} }
@ -183,31 +182,34 @@ table tr:hover td.artists div span {
**/ **/
table td.amount { table.list td.amount {
width:50px; width:50px;
text-align:right; text-align:right;
} }
table td.bar { table.list td.bar {
width:500px; width:500px;
background-color:#333337; background-color:#333337;
border-color:rgba(0,0,0,0)!important; /* Remove 5er separators for bars */
/*border-color:rgba(0,0,0,0)!important;*/
} }
table td.bar div { table.list td.bar div {
background-color:beige; background-color:beige;
height:20px; /* can only do this absolute apparently */ height:20px; /* can only do this absolute apparently */
position:relative; position:relative;
} }
table tr:hover td.bar div { table.list tr:hover td.bar div {
background-color:yellow; background-color:yellow;
cursor:pointer; cursor:pointer;
} }
table td.button { table.list tr td.button {
width:200px; width:200px;
cursor:pointer; cursor:pointer;
border-color:rgba(0,0,0,0)!important;
} }
table td.button div {
table.list td.button div {
background-color:yellow; background-color:yellow;
color:#333337; color:#333337;
padding:3px; padding:3px;
@ -244,7 +246,7 @@ table.tiles_top td {
} }
table.tiles_top:hover td td { table.tiles_top:hover td td {
opacity:0.2; opacity:0.4;
} }
table.tiles_top:hover td td:hover { table.tiles_top:hover td td:hover {
opacity:1; opacity:1;
@ -314,5 +316,15 @@ div.sidelist {
height:100%; height:100%;
background-color:#444447; background-color:#444447;
padding-left:30px; padding-left:30px;
padding-right:30px;
} }
} }
div.sidelist table {
width:100%;
table-layout:fixed;
}
div.sidelist table.list td.time {
width:17%;
}