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

More small css fixes

Browse source
This commit is contained in:
Hadi Charara 2022-07-03 10:13:06 -04:00
parent b671da1086
commit d38518e1e5
23 changed files with 55 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/formdialog.scss
View file

@ -12,7 +12,7 @@
}
.formDialogHeaderTitle {
margin-left: 0.25em;
margin-inline-start: 0.25em;
/* In case of h1, h2, h3 */
margin-top: 0;
@ -20,7 +20,7 @@
}
.formDialogHeaderTitle:first-child {
margin-left: 1em;
margin-inline-start: 1em;
}
.formDialogContent:not(.no-grow) {
@ -98,8 +98,7 @@
.formDialogFooterItem-autosize {
flex-basis: initial;
flex-grow: initial;
padding-left: 2em;
padding-right: 2em;
padding-inline: 2em;
}
@media all and (min-width: 50em) {
@ -108,8 +107,7 @@
}
.dialogContentInner {
padding-left: 1.5em;
padding-right: 1.5em;
padding-inline: 1.5em;
}
}
@ -119,7 +117,6 @@
}
.dialogContentInner {
padding-left: 2em;
padding-right: 2em;
padding-inline: 2em;
}
}

6
src/components/guide/guide.scss
View file

@ -307,7 +307,7 @@
}
.programIcon {
margin-left: 0.5em;
margin-inline-start: 0.5em;
height: 1em;
width: 1em;
font-size: 1.6em;
@ -340,8 +340,8 @@
}
.guideChannelName {
margin-left: auto;
margin-right: 1em;
margin-inline-start: auto;
margin-inline-end: 1em;
text-overflow: ellipsis;
overflow: hidden;
max-width: 70%;

2
src/components/imageUploader/imageUploader.template.html
View file

@ -13,7 +13,7 @@
<div class="flex align-items-center" style="margin:1.5em 0;">
<h2 style="margin:0;">${HeaderAddUpdateImage}</h2>
<button is="emby-button" type="button" class="raised raised-mini btnBrowse" style="margin-left:1.5em;">
<button is="emby-button" type="button" class="raised raised-mini btnBrowse" style="margin-inline-start:1.5em;">
<span class="material-icons folder" aria-hidden="true"></span>
<span>${Browse}</span>
</button>

8
src/components/imageeditor/imageeditor.template.html
View file

@ -11,10 +11,10 @@
<div id="imagesContainer">
<div class="imageEditor-buttons first-imageEditor-buttons">
<h2 style="margin:0;">${Images}</h2>
<button type="button" is="emby-button" class="btnBrowseAllImages fab mini autoSize" style="margin-left: 1em;">
<button type="button" is="emby-button" class="btnBrowseAllImages fab mini autoSize" style="margin-inline-start: 1em;">
<span class="material-icons search" aria-hidden="true"></span>
</button>
<button type="button" is="emby-button" class="btnOpenUploadMenu fab mini hide" style="margin-left: .5em;">
<button type="button" is="emby-button" class="btnOpenUploadMenu fab mini hide" style="margin-inline-start: .5em;">
<span class="material-icons add" aria-hidden="true"></span>
</button>
</div>
@ -26,10 +26,10 @@
<div id="backdropsContainer" class="hide">
<div class="imageEditor-buttons">
<h2 style="margin:0;">${Backdrops}</h2>
<button type="button" is="emby-button" class="btnBrowseAllImages fab mini autoSize" style="margin-left: 1em;" data-imagetype="Backdrop">
<button type="button" is="emby-button" class="btnBrowseAllImages fab mini autoSize" style="margin-inline-start: 1em;" data-imagetype="Backdrop">
<span class="material-icons search" aria-hidden="true"></span>
</button>
<button type="button" is="emby-button" class="btnOpenUploadMenu fab mini hide" style="margin-left: .5em;" data-imagetype="Backdrop">
<button type="button" is="emby-button" class="btnOpenUploadMenu fab mini hide" style="margin-inline-start: .5em;" data-imagetype="Backdrop">
<span class="material-icons add" aria-hidden="true"></span>
</button>
</div>

2
src/components/indicators/indicators.scss
View file

@ -31,7 +31,7 @@
}
.indicator + .indicator {
margin-left: 0.25em;
margin-inline-start: 0.25em;
}
.indicatorIcon {

2
src/components/libraryoptionseditor/libraryoptionseditor.js
View file

@ -231,7 +231,7 @@ import template from './libraryoptionseditor.template.html';
html += '<h3 class="checkboxListLabel" style="margin:0;">' + globalize.translate('HeaderTypeImageFetchers', globalize.translate('TypeOptionPlural' + availableTypeOptions.Type)) + '</h3>';
const supportedImageTypes = availableTypeOptions.SupportedImageTypes || [];
if (supportedImageTypes.length > 1 || supportedImageTypes.length === 1 && supportedImageTypes[0] !== 'Primary') {
html += '<button is="emby-button" class="raised btnImageOptionsForType" type="button" style="margin-left:1.5em;font-size:90%;"><span>' + globalize.translate('HeaderFetcherSettings') + '</span></button>';
html += '<button is="emby-button" class="raised btnImageOptionsForType" type="button" style="margin-inline-start:1.5em;font-size:90%;"><span>' + globalize.translate('HeaderFetcherSettings') + '</span></button>';
}
html += '</div>';
html += '<div class="checkboxList paperList checkboxList-paperList">';

2
src/components/mediaLibraryCreator/mediaLibraryCreator.template.html
View file

@ -19,7 +19,7 @@
<div class="folders">
<div style="display: flex; align-items: center;">
<h1 style="margin: .5em 0;">${Folders}</h1>
<button is="emby-button" type="button" class="fab btnAddFolder submit" style="margin-left:1em;" title="${Add}">
<button is="emby-button" type="button" class="fab btnAddFolder submit" style="margin-inline-start:1em;" title="${Add}">
<span class="material-icons add" aria-hidden="true"></span>
</button>
</div>

2
src/components/mediaLibraryEditor/mediaLibraryEditor.js
View file

@ -109,7 +109,7 @@ import template from './mediaLibraryEditor.template.html';
function getFolderHtml(pathInfo, index) {
let html = '';
html += `<div class="listItem listItem-border lnkPath" data-index="${index}" style="padding-left:.5em;">`;
html += `<div class="listItem listItem-border lnkPath" data-index="${index}" style="padding-inline-start:.5em;">`;
html += `<div class="${pathInfo.NetworkPath ? 'listItemBody two-line' : 'listItemBody'}">`;
html += '<h3 class="listItemBodyText">';
html += escapeHtml(pathInfo.Path);

2
src/components/mediaLibraryEditor/mediaLibraryEditor.template.html
View file

@ -12,7 +12,7 @@
<div class="folders hide">
<div style="display: flex; align-items: center;">
<h1 style="margin: .5em 0;">${Folders}</h1>
<button is="emby-button" type="button" class="fab btnAddFolder submit" style="margin-left:1em;" title="${Add}">
<button is="emby-button" type="button" class="fab btnAddFolder submit" style="margin-inline-start:1em;" title="${Add}">
<span class="material-icons add" aria-hidden="true"></span>
</button>
</div>

6
src/components/mediainfo/mediainfo.scss
View file

@ -47,13 +47,17 @@
}
.mediaInfoCriticRating {
padding-left: 1.5em;
padding-inline-start: 1.5em;
background-position: left center;
background-repeat: no-repeat;
background-size: auto 1.2em;
min-height: 1.2em;
display: flex;
align-items: center;
[dir="rtl"] & {
background-position: right center;
}
}
.mediaInfoCriticRatingFresh {

8
src/components/metadataEditor/metadataEditor.template.html
View file

@ -194,7 +194,7 @@
<h2 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
${Genres}
</h2>
<button is="emby-button" type="button" class="fab btnAddTextItem submit" style="margin-left:1em;" title="${Add}">
<button is="emby-button" type="button" class="fab btnAddTextItem submit" style="margin-inline-start:1em;" title="${Add}">
<span class="material-icons add" aria-hidden="true"></span>
</button>
<div class="paperList" id="listGenres"></div>
@ -203,7 +203,7 @@
<h2 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
${People}
</h2>
<button is="emby-button" type="button" id="btnAddPerson" class="fab btnAddPerson" style="margin-left:1em;" title="${Add}">
<button is="emby-button" type="button" id="btnAddPerson" class="fab btnAddPerson" style="margin-inline-start:1em;" title="${Add}">
<span class="material-icons add" aria-hidden="true"></span>
</button>
<div id="peopleList" class="paperList">
@ -213,7 +213,7 @@
<h2 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
${Studios}
</h2>
<button is="emby-button" type="button" class="fab btnAddTextItem submit" style="margin-left:1em;" title="${Add}">
<button is="emby-button" type="button" class="fab btnAddTextItem submit" style="margin-inline-start:1em;" title="${Add}">
<span class="material-icons add" aria-hidden="true"></span>
</button>
<div class="paperList" id="listStudios"></div>
@ -222,7 +222,7 @@
<h2 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
${Tags}
</h2>
<button is="emby-button" type="button" class="fab btnAddTextItem submit" style="margin-left:1em;" title="${Add}">
<button is="emby-button" type="button" class="fab btnAddTextItem submit" style="margin-inline-start:1em;" title="${Add}">
<span class="material-icons add" aria-hidden="true"></span>
</button>
<div class="paperList" id="listTags"></div>

2
src/components/playerstats/playerstats.scss
View file

@ -2,7 +2,7 @@
background: rgba(28, 28, 28, 0.8);
border-radius: 0.3em;
color: #fff;
left: 1.5em;
inset-inline-start: 1.5em;
position: absolute;
top: 5em;
}

2
src/components/recordingcreator/recordingfields.scss
View file

@ -1,5 +1,5 @@
.recordingButton {
margin-left: 0;
margin-inline-start: 0;
min-width: 10em;
}

2
src/components/toast/toast.scss
View file

@ -1,6 +1,6 @@
.toastContainer {
position: fixed;
left: 0;
inset-inline-start: 0;
bottom: 0;
pointer-events: none;
z-index: 9999999;