CC-2988: Long metadata strings can break Playlist Builder layout
Fixed by adding "word-wrap: break-word" to the library datatable
This commit is contained in:
parent
4b16d4928d
commit
caa4eb5e44
1 changed files with 17 additions and 3 deletions
|
@ -4,14 +4,22 @@
|
||||||
min-height: 475px;
|
min-height: 475px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#library_display th {
|
#library_display {
|
||||||
text-align: left;
|
/* for breaking up long strings that don't have delimiters */
|
||||||
|
table-layout:fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#library_display th {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
#library_content #library_display {
|
#library_content #library_display {
|
||||||
width:100%;
|
width:100%;
|
||||||
}
|
}
|
||||||
#library_display td {
|
|
||||||
|
|
||||||
|
#library_display td {
|
||||||
|
/* for breaking up long strings that don't have delimiters */
|
||||||
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
#library_display th,
|
#library_display th,
|
||||||
|
@ -19,9 +27,11 @@
|
||||||
.paginationControl {
|
.paginationControl {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#library_content .ui-tabs-panel {
|
#library_content .ui-tabs-panel {
|
||||||
padding-top:16px;
|
padding-top:16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#library_display th.ui-state-default {
|
#library_display th.ui-state-default {
|
||||||
border: 1px solid #8f8f8f;
|
border: 1px solid #8f8f8f;
|
||||||
background-color: #a2a2a2;
|
background-color: #a2a2a2;
|
||||||
|
@ -29,6 +39,7 @@
|
||||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b2b2b2), color-stop(100%, #a2a2a2));
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b2b2b2), color-stop(100%, #a2a2a2));
|
||||||
color: #363636;
|
color: #363636;
|
||||||
}
|
}
|
||||||
|
|
||||||
.paginationControl {
|
.paginationControl {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
background-color: #9a9a9a;
|
background-color: #9a9a9a;
|
||||||
|
@ -38,14 +49,17 @@
|
||||||
border-width:0 1px 1px 1px;
|
border-width:0 1px 1px 1px;
|
||||||
padding:12px 8px 8px 8px;
|
padding:12px 8px 8px 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.paginationControl p {
|
.paginationControl p {
|
||||||
color:#555555;
|
color:#555555;
|
||||||
font-size:12px;
|
font-size:12px;
|
||||||
margin:2px 0 10px 0;
|
margin:2px 0 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.paginationControl .ui-button-text-only .ui-button-text {
|
.paginationControl .ui-button-text-only .ui-button-text {
|
||||||
padding: 0.2em 1em;
|
padding: 0.2em 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#library_display td {
|
#library_display td {
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-khtml-user-select: none;
|
-khtml-user-select: none;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue