mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-05-17 10:03:17 +00:00
fix(Player): side drawer layout on large screens
This commit is contained in:
parent
e6e05573cb
commit
17ee0e95e4
1 changed files with 7 additions and 5 deletions
|
|
@ -3,6 +3,7 @@
|
||||||
@import (reference) '~stremio/common/screen-sizes.less';
|
@import (reference) '~stremio/common/screen-sizes.less';
|
||||||
|
|
||||||
:import('~stremio/components/MetaPreview/styles.less') {
|
:import('~stremio/components/MetaPreview/styles.less') {
|
||||||
|
description-container: description-container;
|
||||||
action-buttons-container: action-buttons-container;
|
action-buttons-container: action-buttons-container;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -57,9 +58,14 @@
|
||||||
.info {
|
.info {
|
||||||
padding: @padding;
|
padding: @padding;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
flex: 1;
|
|
||||||
|
|
||||||
.side-drawer-meta-preview {
|
.side-drawer-meta-preview {
|
||||||
|
.description-container {
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 4;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
}
|
||||||
|
|
||||||
.action-buttons-container {
|
.action-buttons-container {
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
|
|
@ -91,10 +97,6 @@
|
||||||
@media @phone-landscape {
|
@media @phone-landscape {
|
||||||
.side-drawer {
|
.side-drawer {
|
||||||
max-width: 50dvw;
|
max-width: 50dvw;
|
||||||
|
|
||||||
.info {
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue