Simplify small screen CSS logic
This commit is contained in:
parent
cc3e7197b3
commit
35171a8d31
@ -937,17 +937,26 @@ canvas {
|
|||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media all and (max-width: 770px) {
|
@media all and (max-width: 950px) {
|
||||||
#scaleSelectContainer, #pageNumberLabel {
|
html[dir='ltr'] #outerContainer.sidebarMoving .outerCenter,
|
||||||
display: none;
|
html[dir='ltr'] #outerContainer.sidebarOpen .outerCenter {
|
||||||
|
float: left;
|
||||||
|
left: 180px;
|
||||||
}
|
}
|
||||||
|
html[dir='rtl'] #outerContainer.sidebarMoving .outerCenter,
|
||||||
|
html[dir='rtl'] #outerContainer.sidebarOpen .outerCenter {
|
||||||
|
float: right;
|
||||||
|
right: 180px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (max-width: 770px) {
|
||||||
#sidebarContainer {
|
#sidebarContainer {
|
||||||
top: 33px;
|
top: 33px;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
}
|
}
|
||||||
#sidebarContent {
|
#sidebarContent {
|
||||||
top: 33px;
|
top: 32px;
|
||||||
background-color: hsla(0,0%,0%,.7);
|
background-color: hsla(0,0%,0%,.7);
|
||||||
}
|
}
|
||||||
#thumbnailView, #outlineView {
|
#thumbnailView, #outlineView {
|
||||||
@ -961,16 +970,6 @@ canvas {
|
|||||||
right: 0px;
|
right: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#pageNumber {
|
|
||||||
width: 30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media all and (max-width: 500px) {
|
|
||||||
#viewBookmark {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
html[dir='ltr'] .outerCenter {
|
html[dir='ltr'] .outerCenter {
|
||||||
float: left;
|
float: left;
|
||||||
left: 180px;
|
left: 180px;
|
||||||
@ -980,3 +979,9 @@ canvas {
|
|||||||
right: 180px;
|
right: 180px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media all and (max-width: 600px) {
|
||||||
|
#toolbarViewerRight {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user