Basic PDF viewer colors for v2.

This commit is contained in:
Paulo Reis 2017-12-07 14:14:42 +00:00
parent 37a571283a
commit 1a6e831b9e
4 changed files with 24 additions and 5 deletions

View file

@ -10,9 +10,13 @@
padding: 0 (@line-height-computed / 2);
}
.pdf §{
background-color: @pdf-bg;
}
.pdf-viewer, .pdf-logs, .pdf-errors, .pdf-uncompiled {
.full-size;
top: 58px;
top: @pdf-top-offset;
}
.pdf-logs, .pdf-errors, .pdf-uncompiled, .pdf-validation-problems{
@ -69,11 +73,11 @@
}
.pdfjs-viewer {
.full-size;
background-color: @gray-lighter;
background-color: @pdfjs-bg;
overflow: scroll;
canvas, div.pdf-canvas {
background: white;
box-shadow: black 0px 0px 10px;
box-shadow: @pdf-page-shadow-color 0px 0px 10px;
}
div.pdf-canvas.pdfng-empty {
background-color: white;

View file

@ -129,11 +129,11 @@
}
.toolbar-small-mixin() {
height: 32px;
height: @toolbar-small-height;
}
.toolbar-tall-mixin() {
height: 58px;
height: @toolbar-tall-height;
padding-top: 10px;
}
.toolbar-alt-mixin() {

View file

@ -904,6 +904,8 @@
@toolbar-icon-btn-hover-shadow : 0 1px 0 rgba(0, 0, 0, 0.25);
@toolbar-icon-btn-hover-boxshadow : inset 0 3px 5px rgba(0, 0, 0, 0.225);
@toolbar-border-bottom : 1px solid @toolbar-border-color;
@toolbar-small-height : 32px;
@toolbar-tall-height : 58px;
// Editor file-tree
@file-tree-bg : transparent;
@ -917,6 +919,13 @@
@file-tree-item-selected-bg : transparent;
@file-tree-multiselect-bg : lighten(@brand-info, 40%);
@file-tree-multiselect-hover-bg : lighten(@brand-info, 30%);
// PDF
@pdf-top-offset : @toolbar-tall-height;
@pdf-bg : transparent;
@pdfjs-bg : @gray-lighter;
@pdf-page-shadow-color : #000;
// Tags
@tag-border-radius : 0.25em;
@tag-bg-color : @label-default-bg;

View file

@ -186,6 +186,12 @@
@file-tree-multiselect-bg : @ol-blue;
@file-tree-multiselect-hover-bg : @ol-dark-blue;
@file-tree-droppable-bg-color : tint(@ol-green, 5%);
// PDF
@pdf-top-offset : @toolbar-small-height;
@pdf-bg : transparent;
@pdfjs-bg : @ol-blue-gray-1;
@pdf-page-shadow-color : rgba(0, 0, 0, 0.5);
//== Colors
//
//## Gray and brand colors for use across Bootstrap.