sundowndev
/
betaflight-configurator
mirror of https://github.com/sundowndev/betaflight-configurator.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix OSD preview (#3101) 

* Fix OSD preview

* Add media queries for OSD preview
10.9-maintenance
haslinghuis 2022-12-05 12:19:37 +01:00 committed by GitHub
parent 6242f1e721
commit 5cafebf6d7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 36 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/css/tabs/osd.less
View File

@ -340,7 +340,7 @@
}
}
.grid-row {
justify-content: center;
justify-content: flex-start;
gap: 7px;
.elements {
flex: 1 1 auto;
@ -349,12 +349,12 @@
}
.osd-preview {
flex: 2 0 auto;
width: 350px;
max-width: max(min(950px,calc((100vh - 470px) * 1.25)), 350px);
width: 740px;
max-width: max(min(950px,calc((100vh - 470px) * 1.25)), 636px);
}
.osd-profile {
flex: 1 1 auto;
width: 210px;
width: 230px;
max-width: 700px;
}
}
@ -506,6 +506,38 @@ button {
width: 150px;
}
}
@media all and (max-width: 1455px) {
.tab-osd {
.osd-preview {
order: 1;
min-width: 950px;
}
.osd-feature {
order: 2;
min-width: 450px;
}
.osd-profile {
order: 3;
min-width: 450px;
}
}
}
@media all and (max-width: 1200px) {
.tab-osd {
.osd-preview {
order: 1;
min-width: 740px;
}
.osd-feature {
order: 2;
min-width: 400px;
}
.osd-profile {
order: 3;
min-width: 400px;
}
}
}
@media only screen and (max-width: 1055px) {
.tab-osd {
.content_wrapper {