Fix detailImageContainer padding

This commit is contained in:
grafixeyehero 2019-12-20 22:49:54 +03:00
parent d118bd4a6d
commit 935cdfceea
3 changed files with 10 additions and 25 deletions

View File

@ -802,7 +802,7 @@ define(["loading", "appRouter", "layoutManager", "userSettings", "connectionMana
}
if (editable) {
html += "<a class='itemDetailGalleryLink' is='emby-linkbutton' style='display:block;margin:0;' href='#'>";
html += "<a class='itemDetailGalleryLink' is='emby-linkbutton' style='display:block;margin-top:.7em;padding:0' href='#'>";
}
if (detectRatio && item.PrimaryImageAspectRatio) {

View File

@ -457,6 +457,7 @@
}
.detailPageSeconderyContainer {
margin: 1.25em 0;
display:grid;
grid-template-columns: 100%;
padding-left:2%;
@ -464,8 +465,8 @@
}
.detailImageContainer {
-webkit-flex-shrink: 0;
flex-shrink: 0;
margin: 1.25em 0;
width: 350px;
position: sticky;
top:15%;
float: left;
@ -513,35 +514,22 @@
}
.itemDetailImage {
width: 100%;
width: 350px;
-webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37);
box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37)
}
.thumbDetailImageContainer {
width: 350px;
}
.portraitDetailImageContainer {
width: 350px;
}
.squareDetailImageContainer {
width: 400px;
}
@media all and (max-width:62.5em) {
.detailPageContent {
position: relative
}
.detailImageContainer {
width: auto
width: 100px !important
}
.itemDetailImage {
height: 120px;
width: auto !important
width: 100px !important
}
.btnPlaySimple {
@ -712,11 +700,8 @@
}
.detailImageProgressContainer {
position: absolute;
width: 300px;
bottom: 12px;
text-align: center;
padding-left: 25px;
margin-left: 6px;
width: 350px;
}
.detailButton-mobile-text {

View File

@ -111,7 +111,7 @@
</button>
</div>
</div>
<div class="detailImageContainer verticalSection-extrabottompadding"></div>
<div class="detailImageContainer verticalSection-extrabottompadding padded-left"></div>
<div class="detailPageSeconderyContainer">
<div class="detailPageContent">