Simplify small screen CSS logic

This commit is contained in:
Yury Delendik 2012-05-21 10:59:43 -05:00
parent cc3e7197b3
commit 35171a8d31

View File

@ -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;
}
}