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

Merge pull request #2328 from brendandahl/css-tweaks

Browse Source 
Minor css tweaks for small viewer and aligning borders.
This commit is contained in:
Yury Delendik 2012-10-29 15:42:03 -07:00
commit eeb5709014
2 changed files with 13 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/viewer.css
View File

@ -240,7 +240,7 @@ html[dir='rtl'] #sidebarContent {
#toolbarSidebar { #toolbarSidebar {
width: 200px; width: 200px;
height: 29px; height: 32px;
background-image: url(images/texture.png), background-image: url(images/texture.png),
-webkit-linear-gradient(hsla(0,0%,30%,.99), hsla(0,0%,25%,.95)); -webkit-linear-gradient(hsla(0,0%,30%,.99), hsla(0,0%,25%,.95));
background-image: url(images/texture.png), background-image: url(images/texture.png),
@ -251,11 +251,11 @@ html[dir='rtl'] #sidebarContent {
-o-linear-gradient(hsla(0,0%,30%,.99), hsla(0,0%,25%,.95)); -o-linear-gradient(hsla(0,0%,30%,.99), hsla(0,0%,25%,.95));
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));
box-shadow: inset -2px 0 0 hsla(0,0%,100%,.08), box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25),
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 0 1px hsla(0,0%,0%,.1);
} }
#toolbarViewer, .findbar { #toolbarViewer, .findbar {
@ -271,7 +271,6 @@ html[dir='rtl'] #sidebarContent {
-o-linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95)); -o-linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95));
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));
border-left: 1px solid hsla(0,0%,0%,.5);
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),
@ -1389,9 +1388,6 @@ canvas {
top: 32px; top: 32px;
background-color: hsla(0,0%,0%,.7); background-color: hsla(0,0%,0%,.7);
} }
#thumbnailView, #outlineView {
top: 66px;
}
html[dir='ltr'] #outerContainer.sidebarOpen > #mainContainer { html[dir='ltr'] #outerContainer.sidebarOpen > #mainContainer {
left: 0px; left: 0px;

16
web/viewer.html
View File

@ -81,13 +81,15 @@ limitations under the License.
<div id="outerContainer"> <div id="outerContainer">
<div id="sidebarContainer"> <div id="sidebarContainer">
<div id="toolbarSidebar" class="splitToolbarButton toggled"> <div id="toolbarSidebar">
<button id="viewThumbnail" class="toolbarButton group toggled" title="Show Thumbnails" tabindex="1" data-l10n-id="thumbs"> <div class="splitToolbarButton toggled">
<span data-l10n-id="thumbs_label">Thumbnails</span> <button id="viewThumbnail" class="toolbarButton group toggled" title="Show Thumbnails" tabindex="1" data-l10n-id="thumbs">
</button> <span data-l10n-id="thumbs_label">Thumbnails</span>
<button id="viewOutline" class="toolbarButton group" title="Show Document Outline" tabindex="2" data-l10n-id="outline"> </button>
<span data-l10n-id="outline_label">Document Outline</span> <button id="viewOutline" class="toolbarButton group" title="Show Document Outline" tabindex="2" data-l10n-id="outline">
</button> <span data-l10n-id="outline_label">Document Outline</span>
</button>
</div>
</div> </div>
<div id="sidebarContent"> <div id="sidebarContent">
<div id="thumbnailView"> <div id="thumbnailView">