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

update header

This commit is contained in:
Luke Pulverenti 2016-02-12 22:40:49 -05:00
parent 94bd1f190b
commit c0d966f1d8
2 changed files with 15 additions and 19 deletions

View file

@ -385,7 +385,7 @@
html += '<div style="padding:0; margin: 10px 0px 0px 0px"><paper-tabs hidescrollbuttons selected="0">'; html += '<div style="padding:0; margin: 10px 0px 0px 0px"><paper-tabs hidescrollbuttons selected="0">';
html += '<paper-tab id="popupTab1" class="episodeTabButton">TV Episode</paper-tab>'; html += '<paper-tab id="popupTab1" class="episodeTabButton">TV Episode</paper-tab>';
html += '<paper-tab id="popupTab2" class="movieTabButton">Movie</paper-tab>'; html += '<paper-tab id="popupTab2" class="movieTabButton">Movie</paper-tab>';
html += '</paper-tabs></div>' html += '</paper-tabs></div>';
html += '<div class="editorContent" style="margin:auto;">'; html += '<div class="editorContent" style="margin:auto;">';
html += Globalize.translateDocument(template); html += Globalize.translateDocument(template);
@ -441,19 +441,8 @@
removeOnClose: true removeOnClose: true
}); });
dlg.setAttribute('with-backdrop', 'with-backdrop');
dlg.setAttribute('role', 'alertdialog');
// without this safari will scroll the background instead of the dialog contents
// but not needed here since this is already on top of an existing dialog
dlg.setAttribute('modal', 'modal');
dlg.setAttribute('noAutoFocus', 'noAutoFocus');
dlg.entryAnimation = 'scale-up-animation';
dlg.exitAnimation = 'fade-out-animation';
dlg.classList.add('ui-body-a'); dlg.classList.add('ui-body-a');
dlg.classList.add('background-theme-a'); dlg.classList.add('background-theme-a');
dlg.classList.add('smoothScrollY');
return dlg; return dlg;
} }

View file

@ -1,8 +1,15 @@
<div class="popupTabPage"> <div class="dialogHeader">
<paper-icon-button icon="close" class="btnCancel" tabindex="-1"></paper-icon-button>
<div class="dialogHeaderTitle">
${HeaderInviteUser}
</div>
</div>
<div class="popupTabPage">
<form class="episodeCorrectionForm"> <form class="episodeCorrectionForm">
<p><span class="inputFile"></span></p> <p><span class="inputFile"></span></p>
<div class="layout horizontal center-center" style="margin: 1em 0 1em; min-width: 350px;" id="divSelectSeries"> <div class="layout horizontal center-center" style="margin: 1em 0 1em;" id="divSelectSeries">
<div style="width: 100%;"> <div>
<label for="selectSeries">${LabelSeries}</label> <label for="selectSeries">${LabelSeries}</label>
<select id="selectSeries" data-mini="true"></select> <select id="selectSeries" data-mini="true"></select>
</div> </div>
@ -10,7 +17,7 @@
New New
</button> </button>
</div> </div>
<div style="margin: 1em 0 1em; min-width: 350px; display: none" id="divNewSeries"> <div style="margin: 1em 0 1em; display: none" id="divNewSeries">
<label for="txtSelectedNewSeries2">New Series</label> <label for="txtSelectedNewSeries2">New Series</label>
<input id="txtSelectedNewSeries2" class="txt-readonly" disabled /> <input id="txtSelectedNewSeries2" class="txt-readonly" disabled />
<div class="fieldDescription"><span id="spanTargetFolder"></span></div> <div class="fieldDescription"><span id="spanTargetFolder"></span></div>
@ -31,7 +38,7 @@
<div id="divRememberCorrection" style="margin: 1em 0;"> <div id="divRememberCorrection" style="margin: 1em 0;">
<label style="display:block">${TabSmartMatch}</label> <label style="display:block">${TabSmartMatch}</label>
<input type="checkbox" id="chkRememberCorrection" name="chkRememberCorrection" data-mini="true" /> <input type="checkbox" id="chkRememberCorrection" name="chkRememberCorrection" data-mini="true" />
<label for="chkRememberCorrection" style="max-width: 350px">${LabelOrganizeSmartMatchOption}: <span class="extractedName" style="font-weight: bold; font-style: italic" /></label> <label for="chkRememberCorrection">${LabelOrganizeSmartMatchOption}: <span class="extractedName" style="font-weight: bold; font-style: italic" /></label>
</div> </div>
<p> <p>
<button type="submit" data-theme="b" data-icon="check" data-mini="true"> <button type="submit" data-theme="b" data-icon="check" data-mini="true">
@ -46,7 +53,7 @@
<form class="createSeriesForm"> <form class="createSeriesForm">
<p><span class="inputFile"></span></p> <p><span class="inputFile"></span></p>
<div style="margin: 1em 0 1em; min-width: 350px;"> <div style="margin: 1em 0 1em;">
<label for="txtNewSeriesName">${LabelSeries}</label> <label for="txtNewSeriesName">${LabelSeries}</label>
<input id="txtNewSeriesName" required="required" /> <input id="txtNewSeriesName" required="required" />
</div> </div>
@ -65,7 +72,7 @@
Therefore class text-readonly is used instead to prevent keyboard input --> Therefore class text-readonly is used instead to prevent keyboard input -->
<input id="txtSelectedNewSeries" class="txt-readonly" required="required" /> <input id="txtSelectedNewSeries" class="txt-readonly" required="required" />
</div> </div>
<div style="margin: 1em 0 1em; min-width: 350px;"> <div style="margin: 1em 0 1em;">
<label for="selectSeriesFolder">Destination Folder</label> <label for="selectSeriesFolder">Destination Folder</label>
<select id="selectSeriesFolder" data-mini="true" required="required"></select> <select id="selectSeriesFolder" data-mini="true" required="required"></select>
</div> </div>