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

Modified a fire other inline entries

Browse source
This commit is contained in:
Hadi Charara 2022-07-14 17:59:37 -04:00
parent d4202e0279
commit 99ddfbd33c
9 changed files with 56 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

34
src/assets/css/librarybrowser.scss
View file

@ -732,9 +732,9 @@
.layout-mobile .itemName, .layout-mobile .itemName,
.layout-mobile .itemMiscInfo, .layout-mobile .itemMiscInfo,
.layout-mobile .mainDetailButtons { .layout-mobile .mainDetailButtons {
align-items: center !important; align-items: center;
justify-content: center !important; justify-content: center;
text-align: center !important; text-align: center;
} }
.layout-mobile .mainDetailButtons { .layout-mobile .mainDetailButtons {
@ -798,16 +798,14 @@
display: block; display: block;
} }
[dir="ltr"] & { .layout-desktop &,
.layout-desktop &, .layout-tv & {
.layout-tv & { [dir="ltr"] & {
padding-left: 32.45vw; padding-left: 32.45vw;
}
}
[dir="rtl"] & { }
.layout-desktop &,
.layout-tv & { [dir="rtl"] & {
padding-right: 32.45vw; padding-right: 32.45vw;
} }
} }
@ -829,18 +827,18 @@
flex: 1 0 0; flex: 1 0 0;
.layout-mobile & { .layout-mobile & {
@include header-poster-padding; [dir="ltr"] {
@include header-poster-padding;
}
[dir="rtl"] & {
@include header-poster-padding-rtl;
}
@media all and (max-width: 32em) { @media all and (max-width: 32em) {
position: relative; position: relative;
} }
} }
[dir="rtl"] & {
.layout-mobile & {
@include header-poster-padding-rtl;
}
}
} }
.infoText { .infoText {

9
src/components/listview/listview.scss
View file

@ -83,8 +83,15 @@
} }
.listViewDragHandle { .listViewDragHandle {
margin-inline-start: -0.25em !important;
touch-action: none; touch-action: none;
[dir="ltr"] & {
margin-left: -0.25em !important;
}
[dir="rtl"] & {
margin-right: -0.25em !important;
}
} }
.listItemBody { .listItemBody {

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

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

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

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

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

@ -59,7 +59,6 @@
} }
.mediaInfoCriticRating { .mediaInfoCriticRating {
background-position: left center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: auto 1.2em; background-size: auto 1.2em;
min-height: 1.2em; min-height: 1.2em;
@ -68,6 +67,7 @@
[dir="ltr"] & { [dir="ltr"] & {
padding-left: 1.5em; padding-left: 1.5em;
background-position: left center;
} }
[dir="rtl"] & { [dir="rtl"] & {

1
src/components/metadataEditor/metadataEditor.js
View file

@ -17,6 +17,7 @@ import '../../elements/emby-button/paper-icon-button-light';
import '../formdialog.scss'; import '../formdialog.scss';
import '../../assets/css/clearbutton.scss'; import '../../assets/css/clearbutton.scss';
import '../../assets/css/flexstyles.scss'; import '../../assets/css/flexstyles.scss';
import './style.scss';
import ServerConnections from '../ServerConnections'; import ServerConnections from '../ServerConnections';
import toast from '../toast/toast'; import toast from '../toast/toast';
import { appRouter } from '../appRouter'; import { appRouter } from '../appRouter';

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

@ -3,7 +3,7 @@
<h3 class="formDialogHeaderTitle"> <h3 class="formDialogHeaderTitle">
${Edit} ${Edit}
</h3> </h3>
<div style="margin-inline-start: auto;" class="flex align-items-center justify-content-center"> <div class="dialogHeader flex align-items-center justify-content-center">
<button is="emby-button" type="button" class="btnHeaderSave button-accent-flat button-flat hide" tabindex="-1"> <button is="emby-button" type="button" class="btnHeaderSave button-accent-flat button-flat hide" tabindex="-1">
<span class="material-icons check" aria-hidden="true"></span> <span class="material-icons check" aria-hidden="true"></span>
<span>${Save}</span> <span>${Save}</span>
@ -194,7 +194,7 @@
<h2 style="margin:.6em 0;vertical-align:middle;display:inline-block;"> <h2 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
${Genres} ${Genres}
</h2> </h2>
<button is="emby-button" type="button" class="fab btnAddTextItem submit" style="margin-inline-start:1em;" title="${Add}"> <button is="emby-button" type="button" class="fab btnAddTextItem submit marginLeft" title="${Add}">
<span class="material-icons add" aria-hidden="true"></span> <span class="material-icons add" aria-hidden="true"></span>
</button> </button>
<div class="paperList" id="listGenres"></div> <div class="paperList" id="listGenres"></div>
@ -203,7 +203,7 @@
<h2 style="margin:.6em 0;vertical-align:middle;display:inline-block;"> <h2 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
${People} ${People}
</h2> </h2>
<button is="emby-button" type="button" id="btnAddPerson" class="fab btnAddPerson" style="margin-inline-start:1em;" title="${Add}"> <button is="emby-button" type="button" id="btnAddPerson" class="fab btnAddPerson marginLeft" title="${Add}">
<span class="material-icons add" aria-hidden="true"></span> <span class="material-icons add" aria-hidden="true"></span>
</button> </button>
<div id="peopleList" class="paperList"> <div id="peopleList" class="paperList">
@ -213,7 +213,7 @@
<h2 style="margin:.6em 0;vertical-align:middle;display:inline-block;"> <h2 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
${Studios} ${Studios}
</h2> </h2>
<button is="emby-button" type="button" class="fab btnAddTextItem submit" style="margin-inline-start:1em;" title="${Add}"> <button is="emby-button" type="button" class="fab btnAddTextItem submit marginLeft" title="${Add}">
<span class="material-icons add" aria-hidden="true"></span> <span class="material-icons add" aria-hidden="true"></span>
</button> </button>
<div class="paperList" id="listStudios"></div> <div class="paperList" id="listStudios"></div>
@ -222,7 +222,7 @@
<h2 style="margin:.6em 0;vertical-align:middle;display:inline-block;"> <h2 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
${Tags} ${Tags}
</h2> </h2>
<button is="emby-button" type="button" class="fab btnAddTextItem submit" style="margin-inline-start:1em;" title="${Add}"> <button is="emby-button" type="button" class="fab btnAddTextItem submit marginLeft" title="${Add}">
<span class="material-icons add" aria-hidden="true"></span> <span class="material-icons add" aria-hidden="true"></span>
</button> </button>
<div class="paperList" id="listTags"></div> <div class="paperList" id="listTags"></div>

19
src/components/metadataEditor/style.scss Normal file
View file

@ -0,0 +1,19 @@
.dialogHeader {
[dir="ltr"] & {
margin-left: auto;
}
[dir="rtl"] & {
margin-right: auto;
}
}
.marginLeft {
[dir="ltr"] & {
margin-left:1em;
}
[dir="rtl"] & {
margin-right:1em;
}
}

5
src/controllers/dashboard/library.js
View file

@ -310,7 +310,10 @@ import cardBuilder from '../../components/cardbuilder/cardBuilder';
html += '<div class="cardFooter visualCardBox-cardFooter">'; // always show menu unless explicitly hidden html += '<div class="cardFooter visualCardBox-cardFooter">'; // always show menu unless explicitly hidden
if (virtualFolder.showMenu !== false) { if (virtualFolder.showMenu !== false) {
html += '<div style="text-align:end; float:inline-end;padding-top:5px;">'; let dirTextAlign = 'right';
if (globalize.getIsRTL())
dirTextAlign = 'left';
html += '<div style="text-align:' + dirTextAlign + '; float:' + dirTextAlign + ';padding-top:5px;">';
html += '<button type="button" is="paper-icon-button-light" class="btnCardMenu autoSize"><span class="material-icons more_vert" aria-hidden="true"></span></button>'; html += '<button type="button" is="paper-icon-button-light" class="btnCardMenu autoSize"><span class="material-icons more_vert" aria-hidden="true"></span></button>';
html += '</div>'; html += '</div>';
} }