Sakurai/pdf.js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #4154 from timvandermeij/rtl-css-fixes

Browse Source 
RTL CSS improvements
This commit is contained in:
Yury Delendik 2014-01-21 14:09:22 -08:00
commit c6d201b13b
1 changed files with 25 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
web/viewer.css
View File

@ -231,20 +231,19 @@ html[dir='rtl'] #outerContainer.sidebarOpen > #mainContainer {
overflow: auto; overflow: auto;
position: absolute; position: absolute;
width: 200px; width: 200px;
background-color: hsla(0,0%,0%,.1); background-color: hsla(0,0%,0%,.1);
box-shadow: inset -1px 0 0 hsla(0,0%,0%,.25);
} }
html[dir='ltr'] #sidebarContent { html[dir='ltr'] #sidebarContent {
left: 0; left: 0;
box-shadow: inset -1px 0 0 hsla(0,0%,0%,.25);
} }
html[dir='rtl'] #sidebarContent { html[dir='rtl'] #sidebarContent {
right: 0; right: 0;
box-shadow: inset 1px 0 0 hsla(0,0%,0%,.25);
} }
#viewerContainer { #viewerContainer {
overflow: auto; overflow: auto;
box-shadow: inset 1px 0 0 hsla(0,0%,100%,.05);
position: absolute; position: absolute;
top: 32px; top: 32px;
right: 0; right: 0;
@ -252,6 +251,12 @@ html[dir='rtl'] #sidebarContent {
left: 0; left: 0;
outline: none; outline: none;
} }
html[dir='ltr'] #viewerContainer {
box-shadow: inset 1px 0 0 hsla(0,0%,100%,.05);
}
html[dir='rtl'] #viewerContainer {
box-shadow: inset -1px 0 0 hsla(0,0%,100%,.05);
}
.toolbar { .toolbar {
position: relative; position: relative;
@ -271,12 +276,19 @@ html[dir='rtl'] #sidebarContent {
background-color: #424242; /* fallback */ background-color: #424242; /* fallback */
background-image: url(images/texture.png), background-image: url(images/texture.png),
linear-gradient(hsla(0,0%,30%,.99), hsla(0,0%,25%,.95)); linear-gradient(hsla(0,0%,30%,.99), hsla(0,0%,25%,.95));
}
html[dir='ltr'] #toolbarSidebar {
box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25), box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25),
inset 0 -1px 0 hsla(0,0%,100%,.05), inset 0 -1px 0 hsla(0,0%,100%,.05),
0 1px 0 hsla(0,0%,0%,.15), 0 1px 0 hsla(0,0%,0%,.15),
0 0 1px hsla(0,0%,0%,.1); 0 0 1px hsla(0,0%,0%,.1);
} }
html[dir='rtl'] #toolbarSidebar {
box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.25),
inset 0 1px 0 hsla(0,0%,100%,.05),
0 1px 0 hsla(0,0%,0%,.15),
0 0 1px hsla(0,0%,0%,.1);
}
#toolbarContainer, .findbar, .secondaryToolbar { #toolbarContainer, .findbar, .secondaryToolbar {
position: relative; position: relative;
@ -284,12 +296,21 @@ html[dir='rtl'] #sidebarContent {
background-color: #474747; /* fallback */ background-color: #474747; /* fallback */
background-image: url(images/texture.png), background-image: url(images/texture.png),
linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95)); linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95));
}
html[dir='ltr'] #toolbarContainer, .findbar, .secondaryToolbar {
box-shadow: inset 1px 0 0 hsla(0,0%,100%,.08), box-shadow: inset 1px 0 0 hsla(0,0%,100%,.08),
inset 0 1px 1px hsla(0,0%,0%,.15), inset 0 1px 1px hsla(0,0%,0%,.15),
inset 0 -1px 0 hsla(0,0%,100%,.05), inset 0 -1px 0 hsla(0,0%,100%,.05),
0 1px 0 hsla(0,0%,0%,.15), 0 1px 0 hsla(0,0%,0%,.15),
0 1px 1px hsla(0,0%,0%,.1); 0 1px 1px hsla(0,0%,0%,.1);
} }
html[dir='rtl'] #toolbarContainer, .findbar, .secondaryToolbar {
box-shadow: inset -1px 0 0 hsla(0,0%,100%,.08),
inset 0 1px 1px hsla(0,0%,0%,.15),
inset 0 -1px 0 hsla(0,0%,100%,.05),
0 1px 0 hsla(0,0%,0%,.15),
0 1px 1px hsla(0,0%,0%,.1);
}
#toolbarViewer { #toolbarViewer {
height: 32px; height: 32px;