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

fix text overflow

Browse source
This commit is contained in:
grafixeyehero 2019-12-22 23:51:53 +03:00
parent 77fd191d99
commit 5e3b2a642d
3 changed files with 10 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/controllers/itemdetailpage.js
View file

@ -419,13 +419,13 @@ define(["loading", "appRouter", "layoutManager", "userSettings", "connectionMana
var offset = parentNameLast ? ".25em" : ".5em"; var offset = parentNameLast ? ".25em" : ".5em";
if (html && !parentNameLast) { if (html && !parentNameLast) {
html += '<h3 class="itemName" style="margin: .25em 0 .5em;">' + name + '</h3>'; html += '<h3 class="itemName infoText cardText-first" style="margin: .25em 0 .5em;">' + name + '</h3>';
} else { } else {
html = '<h1 class="itemName" style="margin: .1em 0 ' + offset + ';">' + name + "</h1>" + html; html = '<h1 class="itemName infoText cardText-first" style="margin: .1em 0 ' + offset + ';">' + name + "</h1>" + html;
} }
if (item.OriginalTitle && item.OriginalTitle != item.Name) { if (item.OriginalTitle && item.OriginalTitle != item.Name) {
html += '<h4 class="itemName" style="margin: -' + offset + ' 0 0">' + item.OriginalTitle + '</h4>'; html += '<h4 class="itemName infoText cardText-first" style="margin: -' + offset + ' 0 0">' + item.OriginalTitle + '</h4>';
} }
container.innerHTML = html; container.innerHTML = html;

10
src/css/librarybrowser.css
View file

@ -459,10 +459,14 @@
.infoWrapper { .infoWrapper {
margin: 1.25em 0 0; margin: 1.25em 0 0;
text-overflow: ellipsis; flex: 1 0 0;
}
.infoText {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
flex: 1 0 0; text-overflow: ellipsis;
text-align: left;
} }
.layout-tv .detailPagePrimaryContainer { .layout-tv .detailPagePrimaryContainer {
@ -613,8 +617,6 @@
} }
.infoWrapper { .infoWrapper {
text-overflow: initial;
white-space: normal;
flex: initial; flex: initial;
} }
} }

2
src/itemdetails.html
View file

@ -12,7 +12,7 @@
<div class="detailPageWrapperContainer"> <div class="detailPageWrapperContainer">
<div class="detailPagePrimaryContainer padded-left padded-right"> <div class="detailPagePrimaryContainer padded-left padded-right">
<div class="infoWrapper"> <div class="infoWrapper infoText">
<div class="nameContainer"></div> <div class="nameContainer"></div>
<div class="itemMiscInfo itemMiscInfo-primary" style="margin: .7em 0;font-size:92%;"></div> <div class="itemMiscInfo itemMiscInfo-primary" style="margin: .7em 0;font-size:92%;"></div>
<div class="itemMiscInfo itemMiscInfo-secondary" style="margin: .7em 0;font-size:92%;"></div> <div class="itemMiscInfo itemMiscInfo-secondary" style="margin: .7em 0;font-size:92%;"></div>