Files
roi-theme/wp-content/plugins/PDFEmbedder-premium-secure/assets/scss/pdf-embedder/annotation_layer_builder.scss
root a22573bf0b Commit inicial - WordPress Análisis de Precios Unitarios
- WordPress core y plugins
- Tema Twenty Twenty-Four configurado
- Plugin allow-unfiltered-html.php simplificado
- .gitignore configurado para excluir wp-config.php y uploads

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-03 21:04:30 -06:00

338 lines
8.4 KiB
SCSS
Executable File

#wppdf-iframe-body {
.annotationLayer {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
transform-origin: 0 0;
section {
position: absolute;
text-align: initial;
pointer-events: auto;
box-sizing: border-box;
transform-origin: 0 0;
}
.linkAnnotation > a,
.buttonWidgetAnnotation.pushButton > a {
position: absolute;
font-size: 1em;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.buttonWidgetAnnotation.pushButton > canvas {
width: 100%;
height: 100%;
}
.textAnnotation img {
position: absolute;
cursor: pointer;
width: 100%;
height: 100%;
}
.textWidgetAnnotation input,
.textWidgetAnnotation textarea,
.choiceWidgetAnnotation select,
.buttonWidgetAnnotation.checkBox input,
.buttonWidgetAnnotation.radioButton input {
background-image: var(
--wppdf-emb-annotation-unfocused-field-background
);
border: 1px solid transparent;
box-sizing: border-box;
font: calc(9px * var(--wppdf-emb-scale-factor)) sans-serif;
height: 100%;
margin: 0;
vertical-align: top;
width: 100%;
}
.textWidgetAnnotation input:required,
.textWidgetAnnotation textarea:required,
.choiceWidgetAnnotation select:required,
.buttonWidgetAnnotation.checkBox input:required,
.buttonWidgetAnnotation.radioButton input:required {
outline: 1.5px solid red;
}
.choiceWidgetAnnotation select option {
padding: 0;
}
.buttonWidgetAnnotation.radioButton input {
border-radius: 50%;
}
.textWidgetAnnotation textarea {
resize: none;
}
.textWidgetAnnotation input[disabled],
.textWidgetAnnotation textarea[disabled],
.choiceWidgetAnnotation select[disabled],
.buttonWidgetAnnotation.checkBox input[disabled],
.buttonWidgetAnnotation.radioButton input[disabled] {
background: none;
border: 1px solid transparent;
cursor: not-allowed;
}
.textWidgetAnnotation textarea:hover,
.choiceWidgetAnnotation select:hover,
.buttonWidgetAnnotation.checkBox input:hover,
.buttonWidgetAnnotation.radioButton input:hover {
border: 1px solid rgba(0, 0, 0, 1);
}
.textWidgetAnnotation input:focus,
.textWidgetAnnotation textarea:focus,
.choiceWidgetAnnotation select:focus {
background: none;
border: 1px solid transparent;
}
.textWidgetAnnotation input :focus,
.textWidgetAnnotation textarea :focus,
.choiceWidgetAnnotation select :focus,
.buttonWidgetAnnotation.checkBox :focus,
.buttonWidgetAnnotation.radioButton :focus {
background-image: none;
background-color: transparent;
outline: auto;
}
.buttonWidgetAnnotation.checkBox input:checked:before,
.buttonWidgetAnnotation.checkBox input:checked:after,
.buttonWidgetAnnotation.radioButton input:checked:before {
background-color: CanvasText;
content: '';
display: block;
position: absolute;
}
.buttonWidgetAnnotation.checkBox input:checked:before,
.buttonWidgetAnnotation.checkBox input:checked:after {
height: 80%;
left: 45%;
width: 1px;
}
.buttonWidgetAnnotation.checkBox input:checked:before {
transform: rotate(45deg);
}
.buttonWidgetAnnotation.checkBox input:checked:after {
transform: rotate(-45deg);
}
.buttonWidgetAnnotation.radioButton input:checked:before {
border-radius: 50%;
height: 50%;
left: 30%;
top: 20%;
width: 50%;
}
.textWidgetAnnotation input.comb {
font-family: monospace;
padding-left: 2px;
padding-right: 0;
}
.textWidgetAnnotation input.comb:focus {
/*
* Letter spacing is placed on the right side of each character. Hence, the
* letter spacing of the last character may be placed outside the visible
* area, causing horizontal scrolling. We avoid this by extending the width
* when the element has focus and revert this when it loses focus.
*/
width: 103%;
}
.buttonWidgetAnnotation.checkBox input,
.buttonWidgetAnnotation.radioButton input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.popupTriggerArea {
height: 100%;
width: 100%;
}
.popupWrapper {
position: absolute;
font-size: calc(9px * var(--wppdf-emb-scale-factor));
width: 100%;
min-width: calc(180px * var(--wppdf-emb-scale-factor));
pointer-events: none;
}
.popup {
position: absolute;
z-index: 200;
max-width: calc(180px * var(--wppdf-emb-scale-factor));
background-color: rgba(255, 255, 153, 1);
box-shadow: 0 calc(2px * var(--wppdf-emb-scale-factor))
calc(5px * var(--wppdf-emb-scale-factor)) rgba(136, 136, 136, 1);
border-radius: calc(2px * var(--wppdf-emb-scale-factor));
padding: calc(6px * var(--wppdf-emb-scale-factor));
margin-left: calc(5px * var(--wppdf-emb-scale-factor));
cursor: pointer;
font: message-box;
white-space: normal;
word-wrap: break-word;
pointer-events: auto;
& > * {
font-size: calc(9px * var(--wppdf-emb-scale-factor));
}
h1 {
display: inline-block;
}
}
.popupDate {
display: inline-block;
margin-left: calc(5px * var(--wppdf-emb-scale-factor));
}
.popupContent {
border-top: 1px solid rgba(51, 51, 51, 1);
margin-top: calc(2px * var(--wppdf-emb-scale-factor));
padding-top: calc(2px * var(--wppdf-emb-scale-factor));
}
.richText > * {
white-space: pre-wrap;
font-size: calc(9px * var(--wppdf-emb-scale-factor));
}
.highlightAnnotation,
.underlineAnnotation,
.squigglyAnnotation,
.strikeoutAnnotation,
.freeTextAnnotation,
.lineAnnotation svg line,
.squareAnnotation svg rect,
.circleAnnotation svg ellipse,
.polylineAnnotation svg polyline,
.polygonAnnotation svg polygon,
.caretAnnotation,
.inkAnnotation svg polyline,
.stampAnnotation,
.fileAttachmentAnnotation {
cursor: pointer;
}
section svg {
position: absolute;
width: 100%;
height: 100%;
}
}
[data-editor-rotation='90'] {
transform: rotate(90deg);
}
[data-editor-rotation='180'] {
transform: rotate(180deg);
}
[data-editor-rotation='270'] {
transform: rotate(270deg);
}
.annotationEditorLayer {
background: transparent;
position: absolute;
top: 0;
left: 0;
font-size: calc(100px * var(--wppdf-emb-scale-factor));
transform-origin: 0 0;
}
.annotationEditorLayer .selectedEditor {
outline: var(--wppdf-emb-focus-outline);
resize: none;
}
.annotationEditorLayer .freeTextEditor {
position: absolute;
background: transparent;
border-radius: 3px;
padding: calc(
var(--wppdf-emb-freetext-padding) * var(--wppdf-emb-scale-factor)
);
resize: none;
width: auto;
height: auto;
z-index: 1;
transform-origin: 0 0;
touch-action: none;
}
.annotationEditorLayer .freeTextEditor .internal {
background: transparent;
border: none;
top: 0;
left: 0;
overflow: visible;
white-space: nowrap;
resize: none;
font: 10px sans-serif;
line-height: var(--wppdf-emb-freetext-line-height);
}
.annotationEditorLayer .freeTextEditor .overlay {
position: absolute;
display: none;
background: transparent;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.annotationEditorLayer .freeTextEditor .overlay.enabled {
display: block;
}
.annotationEditorLayer .freeTextEditor .internal:empty::before {
content: attr(default-content);
color: gray;
}
.annotationEditorLayer .freeTextEditor .internal:focus {
outline: none;
}
.annotationEditorLayer .inkEditor.disabled {
resize: none;
}
.annotationEditorLayer .inkEditor.disabled.selectedEditor {
resize: horizontal;
}
.annotationEditorLayer .freeTextEditor:hover:not(.selectedEditor),
.annotationEditorLayer .inkEditor:hover:not(.selectedEditor) {
outline: var(--wppdf-emb-hover-outline);
}
.annotationEditorLayer .inkEditor {
position: absolute;
background: transparent;
border-radius: 3px;
overflow: auto;
width: 100%;
height: 100%;
z-index: 1;
transform-origin: 0 0;
cursor: auto;
}
.annotationEditorLayer .inkEditor.editing {
resize: none;
cursor: var(--wppdf-emb-editorInk-editing-cursor), pointer;
}
.annotationEditorLayer .inkEditor .inkEditorCanvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
touch-action: none;
}
}
@media (forced-colors: active) {
#wppdf-iframe-body {
.annotationLayer .textWidgetAnnotation input:required,
.annotationLayer .textWidgetAnnotation textarea:required,
.annotationLayer .choiceWidgetAnnotation select:required,
.annotationLayer .buttonWidgetAnnotation.checkBox input:required,
.annotationLayer .buttonWidgetAnnotation.radioButton input:required {
outline: 1.5px solid selectedItem;
}
}
}