1
0
Fork 0
mirror of https://github.com/Yetangitu/ampache synced 2025-10-05 19:41:55 +02:00

Add responsive elements for tables and fix code style

This commit is contained in:
Afterster 2014-03-15 10:19:59 +01:00
parent b7e0966007
commit ea815a1ff1
26 changed files with 258 additions and 124 deletions

View file

@ -86,37 +86,13 @@ http://www.consulenza-web.com/2012/01/mediatable-jquery-plugin/
/* -----[[ B R E A C K P O I N T S ]]------------ */
@media screen and (min-width: 768px) {
.activeMediaTable th.optional, .activeMediaTable td.optional {
display: table-cell;
_display:block; /* IE6 Hack */
}
/* IE7 Hack */
*+html .activeMediaTable th.optional, *+html .activeMediaTable td.optional { display:block }
.mediaTableWrapper.gt500 th.optional, .mediaTableWrapper.gt500 td.optional {
display: table-cell;
}
@media screen and (min-width: 1024px) {
.activeMediaTable th, .activeMediaTable td {
display: table-cell;
_display:block; /* IE6 Hack */
}
/* IE7 Hack */
*+html .activeMediaTable th, *+html .activeMediaTable td { display:block }
.mediaTableWrapper.gt700 th, .mediaTableWrapper.gt700 td {
display: table-cell;
}
/* -----[[ T H E M I N G ]]------------ */
/**

View file

@ -71,6 +71,7 @@ http://www.consulenza-web.com/2012/01/mediatable-jquery-plugin/
// Create the wrapper.
wdg.$wrap.addClass('mediaTableWrapper');
wdg.$wrap.attr('data-respond', '');
// Place the wrapper near the table and fill with MediaTable.
wdg.$table.before(wdg.$wrap).appendTo(wdg.$wrap);