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:
parent
b7e0966007
commit
ea815a1ff1
26 changed files with 258 additions and 124 deletions
|
@ -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 ]]------------ */
|
||||
|
||||
/**
|
||||
|
|
|
@ -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);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue