Prevent photo viewer from overlapping info panes or panels (close #5212)

This commit is contained in:
Quincy Morgan
2019-04-15 12:12:23 -07:00
parent 6bdf6c5127
commit f66836dd37
2 changed files with 10 additions and 5 deletions

View File

@@ -1,16 +1,20 @@
/* photo viewer div */
#photoviewer {
position: absolute;
bottom: 10px;
left: 10px;
position: relative;
flex-shrink: 0;
margin-bottom: 10px;
width: 330px;
height: 250px;
padding: 5px;
background-color: #fff;
}
[dir='ltr'] #photoviewer {
margin-left: 10px;
margin-right: 2px;
}
[dir='rtl'] #photoviewer {
left: auto;
right: 10px;
margin-right: 10px;
margin-left: 2px;
}
@media screen and (min-width: 1600px) {

View File

@@ -3939,6 +3939,7 @@ img.tile-debug {
.info-panels {
display: flex;
flex-flow: row-reverse wrap-reverse;
width: 100%;
z-index: 1;
-ms-user-select: element;
}