andpp/mopidy-musicbox-webclient
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Tweak track info popup dialog layout.

Browse Source
This commit is contained in:
jcass 2017-01-14 11:25:51 +02:00
parent 3a55453727
commit e47801c3ed
3 changed files with 62 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
mopidy_musicbox_webclient/static/css/webclient.css
View File

@ -264,11 +264,24 @@ span.hostInfo {
display: table !important;
}
.info-table thead {
visibility: collapse;
}
.info-table th {
border-bottom: none !important;
}
.info-table tr {
border-bottom: 1px solid #f2f2f2
}
.info-table td {
color: #555 !important;
padding: 2px;
padding-right: 4px;
padding-left: 4px;
padding-right: 14px;
padding-left: 14px;
border: none !important;
}
.info-table td.label {
@ -482,11 +495,17 @@ span.hostInfo {
font-weight: normal;
}
.popupDialog {
.popupDialog,
.popupDialog-full-width {
padding: 10px;
text-align: center;
}
.popupDialog-full-width {
padding-left: 0;
padding-right: 0;
}
/*dont hide clear buttons in text input */
.ui-input-clear-hidden {
display: block !important;

80
mopidy_musicbox_webclient/static/index.html
View File

@ -251,48 +251,46 @@
</form>
</div><!--/confirm delete stream-->
<div data-role="popup" data-theme="b" id="popupShowInfo" class="popupDialog">
<div data-role="popup" data-theme="b" id="popupShowInfo" class="popupDialog-full-width">
<a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
<form>
<table data-role="table" data-mode="reflow" class="ui-responsive table-stroke info-table">
<thead>
<tr>
<th data-priority="persist"></th>
<th data-priority="persist"></th>
</tr>
</thead>
<tbody>
<tr>
<td class="label">Name:</td>
<td id="name-cell"></td>
</tr>
<tr id="album-row">
<td class="label">Album:</td>
<td id="album-cell"></td>
</tr>
<tr id="artist-row">
<td class="label">Artist(s):</td>
<td id="artist-cell"></td>
</tr>
<tr id="track-no-row">
<td class="label">Track #:</td>
<td id="track-no-cell"></td>
</tr>
<tr id="length-row">
<td class="label">Length:</td>
<td id="length-cell"></td>
</tr>
<tr id="bitrate-row">
<td class="label">Bitrate:</td>
<td id="bitrate-cell"></td>
</tr>
<tr>
<td class="label label-center">URI:</td>
<td><input type="text" id="uri-cell"></input></td>
</tr>
</tbody>
</table>
</form>
<table data-role="table" data-mode="reflow" class="ui-responsive table-stroke info-table">
<thead>
<tr>
<th data-priority="persist"></th>
<th data-priority="persist"></th>
</tr>
</thead>
<tbody>
<tr>
<td class="label">Name:</td>
<td id="name-cell"></td>
</tr>
<tr id="album-row">
<td class="label">Album:</td>
<td id="album-cell"></td>
</tr>
<tr id="artist-row">
<td class="label">Artist(s):</td>
<td id="artist-cell"></td>
</tr>
<tr id="track-no-row">
<td class="label">Track #:</td>
<td id="track-no-cell"></td>
</tr>
<tr id="length-row">
<td class="label">Length:</td>
<td id="length-cell"></td>
</tr>
<tr id="bitrate-row">
<td class="label">Bitrate:</td>
<td id="bitrate-cell"></td>
</tr>
<tr>
<td class="label label-center">URI:</td>
<td><input type="text" id="uri-cell"></input></td>
</tr>
</tbody>
</table>
</div><!--/show track info-->
<div data-role="header" data-tap-toggle="false" id="header" data-position="fixed" class="header-breakpoint headerbtn">

2
mopidy_musicbox_webclient/static/mb.appcache
View File

@ -1,6 +1,6 @@
CACHE MANIFEST
# 2017-01-08:v1
# 2017-01-14:v1
NETWORK:
*