Revert #2466 due to portrait video issues (#2486)

This commit is contained in:
WithoutPants 2022-04-06 14:56:17 +10:00 committed by GitHub
parent b0f6f4b7c3
commit 2ca457c5b2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 1 additions and 81 deletions

View File

@ -5,7 +5,6 @@
* Add python location in System Settings for script scrapers and plugins. ([#2409](https://github.com/stashapp/stash/pull/2409))
### 🎨 Improvements
* Restyled scene details page on mobile devices. ([#2466](https://github.com/stashapp/stash/pull/2466))
* Added support for Handy APIv2. ([#2193](https://github.com/stashapp/stash/pull/2193))
* Hide tabs with no content in Performer, Studio and Tag pages. ([#2468](https://github.com/stashapp/stash/pull/2468))
* Added support for bulk editing most performer fields. ([#2467](https://github.com/stashapp/stash/pull/2467))

View File

@ -44,7 +44,7 @@ body {
@include media-breakpoint-down(xs) {
@media (orientation: portrait) {
padding: 0 0 5rem;
padding: 1rem 0 5rem;
}
}
}
@ -128,85 +128,6 @@ textarea.text-input {
}
}
@media (max-width: 576px) and (orientation: portrait) {
.scene-tabs .ml-auto.btn-group {
position: fixed;
right: 1rem;
top: calc((100vw * (9 / 16)) + 2.7rem);
}
.scene-tabs .mr-auto.nav.nav-tabs {
background-color: #202b38;
display: grid;
grid-auto-flow: column;
height: 3rem;
left: 0;
margin: 0;
margin-bottom: 0;
max-height: 3rem;
padding-bottom: 2.2rem;
padding-top: 0.1rem;
position: fixed;
right: 0;
text-align: center;
top: calc(100vw * (9 / 16));
white-space: nowrap;
z-index: 20;
}
.btn-toolbar {
padding-top: 1rem;
}
.VideoPlayer {
position: fixed;
top: 0;
}
.scene-tabs.order-xl-first.order-last {
height: calc(100vh - (100vw * (9 / 16) + 8.5rem));
position: fixed;
top: calc((100vw * (9 / 16)) + 5rem);
}
.scene-tabs {
max-height: 100%;
}
.tab-content {
overflow-x: hidden;
overflow-y: auto;
}
.performer-card-image {
height: 19rem;
}
.performer-card {
height: 27.5rem;
width: 14rem;
}
.scene-performers .performer-card-image {
height: 19rem;
}
.scene-performers .performer-card {
height: 27.5rem;
width: 14rem;
}
.row.justify-content-center.scene-performers {
border-bottom: solid 2px $dark-gray5;
border-top: solid 2px $dark-gray5;
display: flex;
flex-direction: column;
max-height: 450px;
overflow: auto;
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
}
@media (min-width: 576px) {
.zoom-0 {
width: 240px;