mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

trim jqm

Browse source
This commit is contained in:
Luke Pulverenti 2015-08-31 19:47:47 -04:00
parent 68f6551ee5
commit cacc76dc5d
22 changed files with 301 additions and 298 deletions
Download patch file Download diff file Expand all files Collapse all files

2
dashboard-ui/autoorganizelog.html
View file

@ -4,7 +4,7 @@
<title>${TitleAutoOrganize}</title> <title>${TitleAutoOrganize}</title>
</head> </head>
<body> <body>
<div id="libraryFileOrganizerLogPage" data-role="page" class="page type-interior organizePage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Auto-Organize" data-require="scripts/autoorganizelog,scripts/taskbutton,paperbuttonstyle,detailtablecss"> <div id="libraryFileOrganizerLogPage" data-role="page" class="page type-interior organizePage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Auto-Organize" data-require="jqmtable,scripts/autoorganizelog,scripts/taskbutton,paperbuttonstyle,detailtablecss">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">

2
dashboard-ui/autoorganizetv.html
View file

@ -4,7 +4,7 @@
<title>${TitleAutoOrganize}</title> <title>${TitleAutoOrganize}</title>
</head> </head>
<body> <body>
<div id="libraryFileOrganizerPage" data-role="page" class="page type-interior organizePage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Auto-Organize" data-require="scripts/autoorganizetv"> <div id="libraryFileOrganizerPage" data-role="page" class="page type-interior organizePage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Auto-Organize" data-require="jqmtable,scripts/autoorganizetv">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">

6
dashboard-ui/bower_components/iron-behaviors/.bower.json vendored
View file

@ -27,14 +27,14 @@
"web-component-tester": "*", "web-component-tester": "*",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
}, },
"homepage": "https://github.com/polymerelements/iron-behaviors", "homepage": "https://github.com/PolymerElements/iron-behaviors",
"_release": "1.0.8", "_release": "1.0.8",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v1.0.8", "tag": "v1.0.8",
"commit": "663ad706b43989f4961d945b8116cf4db346532f" "commit": "663ad706b43989f4961d945b8116cf4db346532f"
}, },
"_source": "git://github.com/polymerelements/iron-behaviors.git", "_source": "git://github.com/PolymerElements/iron-behaviors.git",
"_target": "^1.0.0", "_target": "^1.0.0",
"_originalSource": "polymerelements/iron-behaviors" "_originalSource": "PolymerElements/iron-behaviors"
} }

8
dashboard-ui/bower_components/iron-menu-behavior/.bower.json vendored
View file

@ -1,6 +1,6 @@
{ {
"name": "iron-menu-behavior", "name": "iron-menu-behavior",
"version": "1.0.2", "version": "1.0.3",
"description": "Provides accessible menu behavior", "description": "Provides accessible menu behavior",
"authors": "The Polymer Authors", "authors": "The Polymer Authors",
"keywords": [ "keywords": [
@ -30,11 +30,11 @@
"web-component-tester": "*", "web-component-tester": "*",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
}, },
"_release": "1.0.2", "_release": "1.0.3",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v1.0.2", "tag": "v1.0.3",
"commit": "c9d6c3f4f69f4219fe007a1c703b77239184e834" "commit": "04cc87b1f6551383b1896f13df24ff1d01a9796f"
}, },
"_source": "git://github.com/polymerelements/iron-menu-behavior.git", "_source": "git://github.com/polymerelements/iron-menu-behavior.git",
"_target": "^1.0.0", "_target": "^1.0.0",

2
dashboard-ui/bower_components/iron-menu-behavior/bower.json vendored
View file

@ -1,6 +1,6 @@
{ {
"name": "iron-menu-behavior", "name": "iron-menu-behavior",
"version": "1.0.2", "version": "1.0.3",
"description": "Provides accessible menu behavior", "description": "Provides accessible menu behavior",
"authors": "The Polymer Authors", "authors": "The Polymer Authors",
"keywords": [ "keywords": [

1
dashboard-ui/bower_components/iron-menu-behavior/iron-menu-behavior.html vendored
View file

@ -26,6 +26,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
/** /**
* Returns the currently focused item. * Returns the currently focused item.
* @type {?Object}
*/ */
focusedItem: { focusedItem: {
observer: '_focusedItemChanged', observer: '_focusedItemChanged',

1
dashboard-ui/cordova/android/vlcplayer.js vendored
View file

@ -169,6 +169,7 @@
AndroidVlcPlayer.playVideoVlc(val, AndroidVlcPlayer.playVideoVlc(val,
startPosMs, startPosMs,
item.Name, item.Name,
JSON.stringify(item),
JSON.stringify(mediaSource), JSON.stringify(mediaSource),
JSON.stringify(playbackStartInfo), JSON.stringify(playbackStartInfo),
ApiClient.serverInfo().Id, ApiClient.serverInfo().Id,

2
dashboard-ui/librarypathmapping.html
View file

@ -4,7 +4,7 @@
<title>${TitleMediaLibrary}</title> <title>${TitleMediaLibrary}</title>
</head> </head>
<body> <body>
<div id="libraryPathMappingPage" data-role="page" class="page type-interior mediaLibraryPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Library%20setup" data-require="scripts/librarypathmapping"> <div id="libraryPathMappingPage" data-role="page" class="page type-interior mediaLibraryPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Library%20setup" data-require="jqmtable,scripts/librarypathmapping">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">

2
dashboard-ui/livetvnewrecording.html
View file

@ -4,7 +4,7 @@
<title>Emby</title> <title>Emby</title>
</head> </head>
<body> <body>
<div id="liveTvNewRecordingPage" data-role="page" class="page libraryPage liveTvPage noSecondaryNavPage" data-contextname="${HeaderLiveTv}" data-require="scripts/livetvcomponents,scripts/livetvnewrecording,livetvcss,jqmicons" data-backbutton="true" data-menubutton="false"> <div id="liveTvNewRecordingPage" data-role="page" class="page libraryPage liveTvPage noSecondaryNavPage" data-contextname="${HeaderLiveTv}" data-require="scripts/livetvcomponents,scripts/livetvnewrecording,livetvcss" data-backbutton="true" data-menubutton="false">
<div data-role="content"> <div data-role="content">
<form class="liveTvNewRecordingForm" style="margin: 0 auto;"> <form class="liveTvNewRecordingForm" style="margin: 0 auto;">

2
dashboard-ui/livetvseriestimer.html
View file

@ -4,7 +4,7 @@
<title>Emby</title> <title>Emby</title>
</head> </head>
<body> <body>
<div id="liveTvSeriesTimerPage" data-role="page" class="page libraryPage liveTvPage noSecondaryNavPage" data-contextname="${HeaderLiveTv}" data-require="scripts/livetvcomponents,scripts/livetvseriestimer,livetvcss,jqmicons" data-backbutton="true" data-menubutton="false"> <div id="liveTvSeriesTimerPage" data-role="page" class="page libraryPage liveTvPage noSecondaryNavPage" data-contextname="${HeaderLiveTv}" data-require="scripts/livetvcomponents,scripts/livetvseriestimer,livetvcss" data-backbutton="true" data-menubutton="false">
<div data-role="content"> <div data-role="content">
<form class="liveTvSeriesTimerForm" style="margin: 0 auto; max-width: 720px;"> <form class="liveTvSeriesTimerForm" style="margin: 0 auto; max-width: 720px;">

2
dashboard-ui/livetvstatus.html
View file

@ -4,7 +4,7 @@
<title>${TitleLiveTV}</title> <title>${TitleLiveTV}</title>
</head> </head>
<body> <body>
<div id="liveTvStatusPage" data-role="page" class="page type-interior liveTvSettingsPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvstatus,scripts/taskbutton,detailtablecss"> <div id="liveTvStatusPage" data-role="page" class="page type-interior liveTvSettingsPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="jqmtable,scripts/livetvstatus,scripts/taskbutton,detailtablecss">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">

2
dashboard-ui/livetvtimer.html
View file

@ -4,7 +4,7 @@
<title>Emby</title> <title>Emby</title>
</head> </head>
<body> <body>
<div id="liveTvTimerPage" data-role="page" class="page libraryPage liveTvPage noSecondaryNavPage" data-contextname="${HeaderLiveTv}" data-require="scripts/livetvcomponents,scripts/livetvtimer,livetvcss,jqmicons" data-backbutton="true" data-menubutton="false"> <div id="liveTvTimerPage" data-role="page" class="page libraryPage liveTvPage noSecondaryNavPage" data-contextname="${HeaderLiveTv}" data-require="scripts/livetvcomponents,scripts/livetvtimer,livetvcss" data-backbutton="true" data-menubutton="false">
<div data-role="content"> <div data-role="content">

2
dashboard-ui/mysyncjob.html
View file

@ -4,7 +4,7 @@
<title>${TitleSync}</title> <title>${TitleSync}</title>
</head> </head>
<body> <body>
<div id="mySyncJobPage" data-role="page" class="page libraryPage syncJobPage mySyncPage noSecondaryNavPage" data-contextname="${TitleSync}" data-require="scripts/syncjob,jqmicons" data-backbutton="true" data-menubutton="false"> <div id="mySyncJobPage" data-role="page" class="page libraryPage syncJobPage mySyncPage noSecondaryNavPage" data-contextname="${TitleSync}" data-require="scripts/syncjob" data-backbutton="true" data-menubutton="false">
<div data-role="content"> <div data-role="content">

2
dashboard-ui/reports.html
View file

@ -4,7 +4,7 @@
<title>Emby</title> <title>Emby</title>
</head> </head>
<body> <body>
<div id="libraryReportManagerPage" data-role="page" class="page libraryPage noSecondaryNavPage reportsPage" data-contextname="${HeaderReports}" data-require="scripts/reports,detailtablecss,jqmicons"> <div id="libraryReportManagerPage" data-role="page" class="page libraryPage noSecondaryNavPage reportsPage" data-contextname="${HeaderReports}" data-require="jqmtable,scripts/reports,detailtablecss,jqmicons">
<div data-role="content"> <div data-role="content">
<div style="text-align: center;"> <div style="text-align: center;">
<div class="viewControls"> <div class="viewControls">

2
dashboard-ui/scripts/connectlogin.js
View file

@ -94,8 +94,6 @@
} }
function loadMode(page, mode) { function loadMode(page, mode) {
Backdrops.setDefault(page);
if (mode == 'welcome') { if (mode == 'welcome') {
$('.connectLoginForm', page).hide(); $('.connectLoginForm', page).hide();
$('.welcomeContainer', page).show(); $('.welcomeContainer', page).show();

5
dashboard-ui/scripts/site.js
View file

@ -2107,6 +2107,11 @@ var AppInfo = {};
define("searchmenu", ["scripts/searchmenu"]); define("searchmenu", ["scripts/searchmenu"]);
} }
define("jqmtable", ["thirdparty/jquerymobile-1.4.5/jqm.table"], function () {
Dashboard.importCss('thirdparty/jquerymobile-1.4.5/jqm.table.css');
return {};
});
$.extend(AppInfo, Dashboard.getAppInfo(appName, deviceId, deviceName)); $.extend(AppInfo, Dashboard.getAppInfo(appName, deviceId, deviceName));
var drawer = document.querySelector('.mainDrawerPanel'); var drawer = document.querySelector('.mainDrawerPanel');

2
dashboard-ui/serversecurity.html
View file

@ -4,7 +4,7 @@
<title>${TitleAdvanced}</title> <title>${TitleAdvanced}</title>
</head> </head>
<body> <body>
<div id="serverSecurityPage" data-role="page" class="page type-interior advancedConfigurationPage" data-require="scripts/serversecurity,detailtablecss"> <div id="serverSecurityPage" data-role="page" class="page type-interior advancedConfigurationPage" data-require="jqmtable,scripts/serversecurity,detailtablecss">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">

108
dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.table.css vendored Normal file
View file

@ -0,0 +1,108 @@
.ui-table {
border: 0;
border-collapse: collapse;
padding: 0;
width: 100%;
}
.ui-table th,
.ui-table td {
line-height: 1.5em;
text-align: left;
padding: .4em .5em;
vertical-align:top;
}
.ui-table th .ui-btn,
.ui-table td .ui-btn {
line-height: normal;
}
.ui-table th {
font-weight: bold;
}
.ui-table caption {
text-align: left;
margin-bottom: 1.4em;
opacity: .5;
}
/*
Styles for the table columntoggle mode
*/
.ui-table-reflow td .ui-table-cell-label,
.ui-table-reflow th .ui-table-cell-label {
display: none;
}
/* Mobile first styles: Begin with the stacked presentation at narrow widths */
@media only all {
/* Hide the table headers */
.ui-table-reflow thead td,
.ui-table-reflow thead th {
display: none;
}
/* Show the table cells as a block level element */
.ui-table-reflow td,
.ui-table-reflow th {
text-align: left;
display: block;
}
/* Add a fair amount of top margin to visually separate each row when stacked */
.ui-table-reflow tbody th {
margin-top: 3em;
}
/* Make the label elements a percentage width */
.ui-table-reflow td .ui-table-cell-label,
.ui-table-reflow th .ui-table-cell-label {
padding: .4em;
min-width: 30%;
display: inline-block;
margin: -.4em 1em -.4em -.4em;
}
/* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
.ui-table-reflow th .ui-table-cell-label-top,
.ui-table-reflow td .ui-table-cell-label-top {
display: block;
padding: .4em 0;
margin: .4em 0;
text-transform: uppercase;
font-size: .9em;
font-weight: normal;
}
}
/* Breakpoint to show as a standard table at 560px (35em x 16px) or wider */
@media ( min-width: 35em ) {
/* Show the table header rows */
.ui-table-reflow.ui-responsive td,
.ui-table-reflow.ui-responsive th,
.ui-table-reflow.ui-responsive tbody th,
.ui-table-reflow.ui-responsive tbody td,
.ui-table-reflow.ui-responsive thead td,
.ui-table-reflow.ui-responsive thead th {
display: table-cell;
margin: 0;
}
/* Hide the labels in each cell */
.ui-table-reflow.ui-responsive td .ui-table-cell-label,
.ui-table-reflow.ui-responsive th .ui-table-cell-label {
display: none;
}
}
/* Hack to make IE9 and WP7.5 treat cells like block level elements, scoped to ui-responsive class */
/* Applied in a max-width media query up to the table layout breakpoint so we don't need to negate this*/
@media ( max-width: 35em ) {
.ui-table-reflow.ui-responsive td,
.ui-table-reflow.ui-responsive th {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
clear: left;
}
}

167
dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.table.js vendored Normal file
View file

@ -0,0 +1,167 @@
(function ($, undefined) {
$.widget("mobile.table", {
options: {
classes: {
table: "ui-table"
},
enhanced: false
},
_create: function () {
if (!this.options.enhanced) {
this.element.addClass(this.options.classes.table);
}
// extend here, assign on refresh > _setHeaders
$.extend(this, {
// Expose headers and allHeaders properties on the widget
// headers references the THs within the first TR in the table
headers: undefined,
// allHeaders references headers, plus all THs in the thead, which may
// include several rows, or not
allHeaders: undefined
});
this._refresh(true);
},
_setHeaders: function () {
var trs = this.element.find("thead tr");
this.headers = this.element.find("tr:eq(0)").children();
this.allHeaders = this.headers.add(trs.children());
},
refresh: function () {
this._refresh();
},
rebuild: $.noop,
_refresh: function ( /* create */) {
var table = this.element,
trs = table.find("thead tr");
// updating headers on refresh (fixes #5880)
this._setHeaders();
// Iterate over the trs
trs.each(function () {
var columnCount = 0;
// Iterate over the children of the tr
$(this).children().each(function () {
var span = parseInt(this.getAttribute("colspan"), 10),
selector = ":nth-child(" + (columnCount + 1) + ")",
j;
this.setAttribute("data-" + $.mobile.ns + "colstart", columnCount + 1);
if (span) {
for (j = 0; j < span - 1; j++) {
columnCount++;
selector += ", :nth-child(" + (columnCount + 1) + ")";
}
}
// Store "cells" data on header as a reference to all cells in the
// same column as this TH
$(this).jqmData("cells", table.find("tr").not(trs.eq(0)).not(this).children(selector));
columnCount++;
});
});
}
});
})(jQuery);
(function ($, undefined) {
$.widget("mobile.table", $.mobile.table, {
options: {
mode: "reflow",
classes: $.extend($.mobile.table.prototype.options.classes, {
reflowTable: "ui-table-reflow",
cellLabels: "ui-table-cell-label"
})
},
_create: function () {
this._super();
// If it's not reflow mode, return here.
if (this.options.mode !== "reflow") {
return;
}
if (!this.options.enhanced) {
this.element.addClass(this.options.classes.reflowTable);
this._updateReflow();
}
},
rebuild: function () {
this._super();
if (this.options.mode === "reflow") {
this._refresh(false);
}
},
_refresh: function (create) {
this._super(create);
if (!create && this.options.mode === "reflow") {
this._updateReflow();
}
},
_updateReflow: function () {
var table = this,
opts = this.options;
// get headers in reverse order so that top-level headers are appended last
$(table.allHeaders.get().reverse()).each(function () {
var cells = $(this).jqmData("cells"),
colstart = $.mobile.getAttribute(this, "colstart"),
hierarchyClass = cells.not(this).filter("thead th").length && " ui-table-cell-label-top",
contents = $(this).clone().contents(),
iteration, filter;
if (contents.length > 0) {
if (hierarchyClass) {
iteration = parseInt(this.getAttribute("colspan"), 10);
filter = "";
if (iteration) {
filter = "td:nth-child(" + iteration + "n + " + (colstart) + ")";
}
table._addLabels(cells.filter(filter),
opts.classes.cellLabels + hierarchyClass, contents);
} else {
table._addLabels(cells, opts.classes.cellLabels, contents);
}
}
});
},
_addLabels: function (cells, label, contents) {
if (contents.length === 1 && contents[0].nodeName.toLowerCase() === "abbr") {
contents = contents.eq(0).attr("title");
}
// .not fixes #6006
cells
.not(":has(b." + label + ")")
.prepend($("<b class='" + label + "'></b>").append(contents));
}
});
})(jQuery);

168
dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.js vendored
View file

@ -11097,173 +11097,5 @@ $.widget( "mobile.popup", $.mobile.popup, {
})( jQuery ); })( jQuery );
(function( $, undefined ) {
$.widget( "mobile.table", {
options: {
classes: {
table: "ui-table"
},
enhanced: false
},
_create: function() {
if ( !this.options.enhanced ) {
this.element.addClass( this.options.classes.table );
}
// extend here, assign on refresh > _setHeaders
$.extend( this, {
// Expose headers and allHeaders properties on the widget
// headers references the THs within the first TR in the table
headers: undefined,
// allHeaders references headers, plus all THs in the thead, which may
// include several rows, or not
allHeaders: undefined
});
this._refresh( true );
},
_setHeaders: function() {
var trs = this.element.find( "thead tr" );
this.headers = this.element.find( "tr:eq(0)" ).children();
this.allHeaders = this.headers.add( trs.children() );
},
refresh: function() {
this._refresh();
},
rebuild: $.noop,
_refresh: function( /* create */ ) {
var table = this.element,
trs = table.find( "thead tr" );
// updating headers on refresh (fixes #5880)
this._setHeaders();
// Iterate over the trs
trs.each( function() {
var columnCount = 0;
// Iterate over the children of the tr
$( this ).children().each( function() {
var span = parseInt( this.getAttribute( "colspan" ), 10 ),
selector = ":nth-child(" + ( columnCount + 1 ) + ")",
j;
this.setAttribute( "data-" + $.mobile.ns + "colstart", columnCount + 1 );
if ( span ) {
for( j = 0; j < span - 1; j++ ) {
columnCount++;
selector += ", :nth-child(" + ( columnCount + 1 ) + ")";
}
}
// Store "cells" data on header as a reference to all cells in the
// same column as this TH
$( this ).jqmData( "cells", table.find( "tr" ).not( trs.eq( 0 ) ).not( this ).children( selector ) );
columnCount++;
});
});
}
});
})( jQuery );
(function( $, undefined ) {
$.widget( "mobile.table", $.mobile.table, {
options: {
mode: "reflow",
classes: $.extend( $.mobile.table.prototype.options.classes, {
reflowTable: "ui-table-reflow",
cellLabels: "ui-table-cell-label"
})
},
_create: function() {
this._super();
// If it's not reflow mode, return here.
if ( this.options.mode !== "reflow" ) {
return;
}
if ( !this.options.enhanced ) {
this.element.addClass( this.options.classes.reflowTable );
this._updateReflow();
}
},
rebuild: function() {
this._super();
if ( this.options.mode === "reflow" ) {
this._refresh( false );
}
},
_refresh: function( create ) {
this._super( create );
if ( !create && this.options.mode === "reflow" ) {
this._updateReflow( );
}
},
_updateReflow: function() {
var table = this,
opts = this.options;
// get headers in reverse order so that top-level headers are appended last
$( table.allHeaders.get().reverse() ).each( function() {
var cells = $( this ).jqmData( "cells" ),
colstart = $.mobile.getAttribute( this, "colstart" ),
hierarchyClass = cells.not( this ).filter( "thead th" ).length && " ui-table-cell-label-top",
contents = $( this ).clone().contents(),
iteration, filter;
if ( contents.length > 0 ) {
if ( hierarchyClass ) {
iteration = parseInt( this.getAttribute( "colspan" ), 10 );
filter = "";
if ( iteration ) {
filter = "td:nth-child("+ iteration +"n + " + ( colstart ) +")";
}
table._addLabels( cells.filter( filter ),
opts.classes.cellLabels + hierarchyClass, contents );
} else {
table._addLabels( cells, opts.classes.cellLabels, contents );
}
}
});
},
_addLabels: function( cells, label, contents ) {
if ( contents.length === 1 && contents[ 0 ].nodeName.toLowerCase() === "abbr" ) {
contents = contents.eq( 0 ).attr( "title" );
}
// .not fixes #6006
cells
.not( ":has(b." + label + ")" )
.prepend( $( "<b class='" + label + "'></b>" ).append( contents ) );
}
});
})( jQuery );
})); }));

110
dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.structure.css vendored
View file

@ -2408,114 +2408,4 @@ ol.ui-listview > li img:first-child + * ~ * {
M21=0.7071067811865477, M21=0.7071067811865477,
M22=0.7071067811865474, M22=0.7071067811865474,
SizingMethod='auto expand'); SizingMethod='auto expand');
}
.ui-table {
border: 0;
border-collapse: collapse;
padding: 0;
width: 100%;
}
.ui-table th,
.ui-table td {
line-height: 1.5em;
text-align: left;
padding: .4em .5em;
vertical-align:top;
}
.ui-table th .ui-btn,
.ui-table td .ui-btn {
line-height: normal;
}
.ui-table th {
font-weight: bold;
}
.ui-table caption {
text-align: left;
margin-bottom: 1.4em;
opacity: .5;
}
/*
Styles for the table columntoggle mode
*/
.ui-table-reflow td .ui-table-cell-label,
.ui-table-reflow th .ui-table-cell-label {
display: none;
}
/* Mobile first styles: Begin with the stacked presentation at narrow widths */
@media only all {
/* Hide the table headers */
.ui-table-reflow thead td,
.ui-table-reflow thead th {
display: none;
}
/* Show the table cells as a block level element */
.ui-table-reflow td,
.ui-table-reflow th {
text-align: left;
display: block;
}
/* Add a fair amount of top margin to visually separate each row when stacked */
.ui-table-reflow tbody th {
margin-top: 3em;
}
/* Make the label elements a percentage width */
.ui-table-reflow td .ui-table-cell-label,
.ui-table-reflow th .ui-table-cell-label {
padding: .4em;
min-width: 30%;
display: inline-block;
margin: -.4em 1em -.4em -.4em;
}
/* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
.ui-table-reflow th .ui-table-cell-label-top,
.ui-table-reflow td .ui-table-cell-label-top {
display: block;
padding: .4em 0;
margin: .4em 0;
text-transform: uppercase;
font-size: .9em;
font-weight: normal;
}
}
/* Breakpoint to show as a standard table at 560px (35em x 16px) or wider */
@media ( min-width: 35em ) {
/* Show the table header rows */
.ui-table-reflow.ui-responsive td,
.ui-table-reflow.ui-responsive th,
.ui-table-reflow.ui-responsive tbody th,
.ui-table-reflow.ui-responsive tbody td,
.ui-table-reflow.ui-responsive thead td,
.ui-table-reflow.ui-responsive thead th {
display: table-cell;
margin: 0;
}
/* Hide the labels in each cell */
.ui-table-reflow.ui-responsive td .ui-table-cell-label,
.ui-table-reflow.ui-responsive th .ui-table-cell-label {
display: none;
}
}
/* Hack to make IE9 and WP7.5 treat cells like block level elements, scoped to ui-responsive class */
/* Applied in a max-width media query up to the table layout breakpoint so we don't need to negate this*/
@media ( max-width: 35em ) {
.ui-table-reflow.ui-responsive td,
.ui-table-reflow.ui-responsive th {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
clear: left;
}
} }

1
dashboard-ui/vulcanize-out.html
View file

@ -11362,6 +11362,7 @@ The `aria-labelledby` attribute will be set to the header element, if one exists
/** /**
* Returns the currently focused item. * Returns the currently focused item.
* @type {?Object}
*/ */
focusedItem: { focusedItem: {
observer: '_focusedItemChanged', observer: '_focusedItemChanged',