dualfroz
f022bffad4
In a narrow PDF pane the toolbar has less room than its buttons need, so they shrink to their min-content width. break-normal keeps an English label like Close in one piece, but CJK text may break between any two characters, so the Chinese, Japanese and Korean close labels wrapped one character per line and stuck out of the toolbar. Toolbar buttons are white-space: nowrap now.
1022 lines
18 KiB
CSS
1022 lines
18 KiB
CSS
:root {
|
|
--ph-highlight-color-blue: var(--color-blue-300);
|
|
--ph-highlight-color-green: var(--color-green-300);
|
|
--ph-highlight-color-red: var(--color-red-300);
|
|
--ph-highlight-color-purple: var(--color-purple-300);
|
|
--ph-highlight-color-yellow: var(--color-yellow-300);
|
|
|
|
--ph-link-color: #106ba3;
|
|
|
|
--ph-highlight-scroll-into-color: rgba(255, 75, 93, 0.67);
|
|
|
|
--ph-view-container-width: 42vw;
|
|
}
|
|
|
|
/* Chrome, Safari, Edge, Opera */
|
|
input::-webkit-outer-spin-button,
|
|
input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.extensions__pdf {
|
|
|
|
&-container {
|
|
display: flex;
|
|
|
|
*[data-color=yellow] {
|
|
background-color: var(--ph-highlight-color-yellow);
|
|
border-color: var(--ph-highlight-color-yellow);
|
|
}
|
|
|
|
*[data-color=blue] {
|
|
background-color: var(--ph-highlight-color-blue);
|
|
border-color: var(--ph-highlight-color-blue);
|
|
}
|
|
|
|
*[data-color=green] {
|
|
background-color: var(--ph-highlight-color-green);
|
|
border-color: var(--ph-highlight-color-green);
|
|
}
|
|
|
|
*[data-color=red] {
|
|
background-color: var(--ph-highlight-color-red);
|
|
border-color: var(--ph-highlight-color-red);
|
|
}
|
|
|
|
*[data-color=purple] {
|
|
background-color: var(--ph-highlight-color-purple);
|
|
border-color: var(--ph-highlight-color-purple);
|
|
}
|
|
}
|
|
|
|
&-loader {
|
|
position: relative;
|
|
}
|
|
|
|
&-header {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 10px; /* Allows clicking on the scrollbar */
|
|
width: calc(100% - 10px);
|
|
padding: 8px 20px;
|
|
z-index: 5;
|
|
-webkit-app-region: drag;
|
|
}
|
|
|
|
&-toolbar {
|
|
-webkit-app-region: no-drag;
|
|
|
|
> .inner {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
|
|
> .r {
|
|
a.button {
|
|
@apply select-none flex items-center mx-2 py-1 px-0.5 bg-transparent
|
|
transition-none break-normal whitespace-nowrap hover:opacity-80;
|
|
|
|
&.is-active {
|
|
@apply opacity-100 rounded-none;
|
|
|
|
border-bottom: 2px solid #969494;
|
|
}
|
|
|
|
&:active {
|
|
@apply opacity-60;
|
|
}
|
|
}
|
|
}
|
|
|
|
.pager {
|
|
white-space: nowrap;
|
|
|
|
> .nu {
|
|
padding-right: 4px;
|
|
|
|
input {
|
|
user-select: inherit;
|
|
width: 35px;
|
|
text-align: right;
|
|
padding-right: 4px;
|
|
padding-left: 2px;
|
|
height: 18px;
|
|
border: none;
|
|
background: transparent;
|
|
font-size: 15px;
|
|
|
|
&.is-long {
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
}
|
|
|
|
> .ct {
|
|
.button {
|
|
margin: 0;
|
|
|
|
&:last-child {
|
|
padding-right: 3px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&-outline {
|
|
position: absolute;
|
|
right: 15px;
|
|
|
|
> section {
|
|
white-space: pre-wrap;
|
|
max-height: 80vh;
|
|
padding-top: 15px;
|
|
padding-bottom: 15px;
|
|
padding-left: 12px;
|
|
overflow: auto;
|
|
color: #565656;
|
|
|
|
> .extensions__pdf-outline-item > .inner > a {
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
|
|
&-item {
|
|
&.has-children {
|
|
> .inner > a > i.arrow {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
&.is-expand {
|
|
> .inner > a > i.arrow svg {
|
|
transform: rotate(90deg) translateX(2px);
|
|
}
|
|
}
|
|
|
|
> .inner {
|
|
> a {
|
|
color: #565656;
|
|
font-size: 11px;
|
|
text-decoration: none;
|
|
font-weight: normal;
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 6px 5px;
|
|
user-select: none;
|
|
border-radius: 4px;
|
|
cursor: default;
|
|
|
|
margin-right: 10px;
|
|
transition: none;
|
|
|
|
> i {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
svg {
|
|
color: #565656;
|
|
transform: scale(.8);
|
|
transition: .3s transform;
|
|
}
|
|
}
|
|
|
|
&:hover {
|
|
color: var(--ph-link-color);
|
|
}
|
|
|
|
&:active, &:focus {
|
|
background-color: var(--ph-link-color);
|
|
color: white;
|
|
|
|
> i {
|
|
svg {
|
|
color: #e3e3e3;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
> .children {
|
|
padding-left: 12px;
|
|
}
|
|
}
|
|
|
|
&-tabs {
|
|
@apply flex justify-center py-2.5 space-x-1;
|
|
|
|
border-bottom: 1px solid #d9d9d9;
|
|
|
|
> .inner {
|
|
display: flex;
|
|
border: 1px solid #d5d5d5;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
button {
|
|
font-size: 12px;
|
|
padding: 5px 6px;
|
|
line-height: 1;
|
|
border: none;
|
|
min-width: 90px;
|
|
border-radius: 3px;
|
|
color: black;
|
|
|
|
&:hover {
|
|
border: none;
|
|
opacity: .8;
|
|
color: black;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
&:active {
|
|
opacity: 1;
|
|
background-color: #c5c5c5;
|
|
}
|
|
|
|
&.active {
|
|
background-color: #c5c5c5;
|
|
}
|
|
}
|
|
}
|
|
|
|
&-panels {
|
|
max-height: 80vh;
|
|
overflow-y: auto;
|
|
padding: 5px 0 5px 10px;
|
|
}
|
|
|
|
&-wrap.hls-popup-overlay {
|
|
right: -6px;
|
|
left: unset;
|
|
bottom: unset;
|
|
height: auto;
|
|
width: auto;
|
|
}
|
|
}
|
|
|
|
&-settings {
|
|
&-inner.hls-popup-box {
|
|
position: absolute;
|
|
right: 375px;
|
|
width: 235px;
|
|
padding: 15px 10px;
|
|
}
|
|
|
|
&-item {
|
|
display: flex;
|
|
color: rgb(115, 115, 115);
|
|
|
|
&.theme-picker {
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
> button {
|
|
border-radius: 50%;
|
|
background-color: white;
|
|
width: 30px;
|
|
height: 30px;
|
|
overflow: hidden;
|
|
margin: 0 8px;
|
|
border: 1px solid #c7c7c7;
|
|
font-size: 0;
|
|
|
|
&:hover {
|
|
opacity: .8;
|
|
border-color: #a3a3a3;
|
|
}
|
|
|
|
&.warm {
|
|
background-color: #f9efdb;
|
|
}
|
|
|
|
&.dark {
|
|
background-color: var(--lx-pdf-container-dark-bg, #0a4251);
|
|
|
|
svg {
|
|
color: white;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&.toggle-input {
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
font-size: 11px;
|
|
padding: 0 9px;
|
|
padding-top: 12px;
|
|
margin-top: 13px;
|
|
opacity: 0.8;
|
|
border-top: 1px solid #ccc;
|
|
|
|
&.is-between {
|
|
padding-top: 0;
|
|
border-top: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&-finder {
|
|
&-wrap.hls-popup-overlay {
|
|
right: -6px;
|
|
left: unset;
|
|
bottom: unset;
|
|
height: auto;
|
|
width: auto;
|
|
}
|
|
|
|
&.hls-popup-box {
|
|
min-width: 360px;
|
|
width: auto;
|
|
|
|
> .input-inner {
|
|
@apply p-2 relative;
|
|
|
|
.input-wrap {
|
|
@apply mr-1.5 border border-gray-300;
|
|
border-radius: 4px;
|
|
|
|
&:active, &:focus-within {
|
|
border-color: transparent;
|
|
}
|
|
}
|
|
|
|
input {
|
|
@apply flex-1 bg-gray-200;
|
|
|
|
padding: 1px 5px;
|
|
border-radius: 4px;
|
|
color: black;
|
|
outline: none;
|
|
border: 2px solid transparent;
|
|
|
|
&:focus {
|
|
border: 2px solid rgba(16, 107, 163, 0.75);
|
|
}
|
|
}
|
|
|
|
.ui__button {
|
|
margin-top: unset;
|
|
padding: 4px;
|
|
|
|
.ti {
|
|
font-weight: bold;
|
|
color: #989898;
|
|
}
|
|
|
|
&.active .ti, &:hover .ti {
|
|
color: #1f1f1f !important;
|
|
}
|
|
|
|
&.icon-enter {
|
|
@apply absolute opacity-80;
|
|
|
|
right: -1px;
|
|
top: 2px;
|
|
}
|
|
}
|
|
|
|
> .ui__button {
|
|
margin-left: 8px;
|
|
}
|
|
}
|
|
|
|
> .result-inner {
|
|
@apply text-gray-800;
|
|
}
|
|
}
|
|
}
|
|
|
|
&-viewer {
|
|
position: absolute;
|
|
overflow: auto;
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
> .viewer-container {
|
|
}
|
|
|
|
> .pdfViewer {
|
|
&.disabled-text-selection {
|
|
user-select: none;
|
|
pointer-events: none;
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
&-resizer {
|
|
@apply absolute w-[3px] h-screen overflow-hidden;
|
|
@apply z-10 right-0 cursor-col-resize;
|
|
|
|
transition: background-color 300ms;
|
|
transition-delay: 300ms;
|
|
|
|
&.is-active, &:hover,
|
|
&:focus, &:active {
|
|
@apply bg-primary/90;
|
|
}
|
|
}
|
|
|
|
&-hls-text-region {
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
&-hls-area-region {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
opacity: .8;
|
|
z-index: 2;
|
|
background-color: #FCD713FF;
|
|
mix-blend-mode: multiply;
|
|
touch-action: none;
|
|
border-style: dashed;
|
|
}
|
|
|
|
&-viewer.is-area-dashed {
|
|
.extensions__pdf {
|
|
&-hls-area-region {
|
|
background-color: transparent;
|
|
border-width: 3px;
|
|
opacity: 1 !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
&-hls-ctx-menu {
|
|
position: absolute;
|
|
z-index: 9;
|
|
|
|
color: #343434;
|
|
border-radius: 4px;
|
|
|
|
font-size: 13px;
|
|
padding: 8px 10px;
|
|
background-color: #e3e7e8;
|
|
|
|
box-shadow: 0 2px 4px 0 rgba(134, 134, 134, 0.59);
|
|
|
|
list-style: none;
|
|
margin: 0;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: -50%;
|
|
right: -50%;
|
|
bottom: -50%;
|
|
left: -50%;
|
|
border: solid 1px #b2b2b2;
|
|
transform: scale(0.5);
|
|
transform-origin: center center;
|
|
pointer-events: none;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
> li {
|
|
margin: 0;
|
|
padding: 5px 8px;
|
|
display: flex;
|
|
align-items: center;
|
|
user-select: none;
|
|
cursor: default;
|
|
|
|
&.item:hover {
|
|
background-color: #cecece;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
&.item-colors {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin: 0 -5px;
|
|
|
|
> a {
|
|
width: 14px;
|
|
height: 14px;
|
|
border-radius: 20px;
|
|
background-color: #b2b2b2;
|
|
overflow: hidden;
|
|
opacity: 1;
|
|
margin: 0 5px;
|
|
font-size: 0;
|
|
border: 1px inset rgba(0, 0, 0, .2);
|
|
cursor: default;
|
|
|
|
&:hover {
|
|
opacity: .8;
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
&[data-color=yellow] {
|
|
background-color: var(--color-yellow-500);
|
|
}
|
|
|
|
&[data-color=blue] {
|
|
background-color: var(--color-blue-500);
|
|
}
|
|
|
|
&[data-color=green] {
|
|
background-color: var(--color-green-500);
|
|
}
|
|
|
|
&[data-color=red] {
|
|
background-color: var(--color-red-500);
|
|
}
|
|
|
|
&[data-color=purple] {
|
|
background-color: var(--color-purple-500);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&-area-selection {
|
|
|
|
.shadow-rect {
|
|
position: absolute;
|
|
background: rgba(252, 232, 151, 1);
|
|
mix-blend-mode: multiply;
|
|
}
|
|
}
|
|
|
|
&-highlights-list-item {
|
|
@apply active:opacity-100 mr-2;
|
|
|
|
user-select: none;
|
|
font-size: 12px;
|
|
padding-top: 8px;
|
|
padding-bottom: 2px;
|
|
padding-left: 6px;
|
|
border-radius: 4px;
|
|
margin-bottom: 3px;
|
|
|
|
&:first-child {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
> h6 {
|
|
@apply flex items-center justify-between pr-2 relative;
|
|
|
|
font-size: 10px;
|
|
line-height: 1em;
|
|
color: #696969;
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
small {
|
|
width: 8px;
|
|
height: 8px;
|
|
border-radius: 100%;
|
|
margin-right: 6px;
|
|
border-color: #cccccc !important;
|
|
}
|
|
|
|
button {
|
|
@apply absolute right-0 top-[-6px] hover:opacity-80 active:opacity-100 hidden;
|
|
|
|
padding-right: 8px;
|
|
padding-top: 4px;
|
|
|
|
.ti {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
}
|
|
|
|
> p {
|
|
color: #646464;
|
|
padding-top: 6px;
|
|
padding-bottom: 2px;
|
|
margin: 0;
|
|
|
|
&.text-wrap {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 3;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
line-height: 1.24em;
|
|
}
|
|
|
|
&.area-wrap {
|
|
display: flex;
|
|
align-items: center;
|
|
padding-right: 6px;
|
|
}
|
|
|
|
&:hover {
|
|
color: var(--ph-link-color);
|
|
}
|
|
}
|
|
|
|
&.active {
|
|
background-color: var(--ph-link-color);
|
|
|
|
> h6, > p {
|
|
color: white;
|
|
|
|
button {
|
|
@apply inline;
|
|
}
|
|
}
|
|
}
|
|
|
|
&:hover:not(.active) {
|
|
opacity: .9;
|
|
}
|
|
}
|
|
}
|
|
|
|
.hls-text-region-item {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
z-index: 2;
|
|
transition: background 0.3s;
|
|
|
|
background-color: rgba(252, 219, 97, 0.7);
|
|
|
|
&[data-color=yellow] {
|
|
background-color: var(--ph-highlight-color-yellow);
|
|
opacity: .5;
|
|
}
|
|
|
|
&[data-color=blue] {
|
|
background-color: var(--ph-highlight-color-blue);
|
|
}
|
|
|
|
&[data-color=green] {
|
|
background-color: var(--ph-highlight-color-green);
|
|
}
|
|
|
|
&[data-color=red] {
|
|
background-color: var(--ph-highlight-color-red);
|
|
}
|
|
|
|
&[data-color=purple] {
|
|
background-color: var(--ph-highlight-color-purple);
|
|
}
|
|
}
|
|
|
|
.hls-popup {
|
|
&-overlay {
|
|
position: absolute;
|
|
top: 40px;
|
|
right: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 92vh;
|
|
background-color: rgba(0, 0, 0, 0);
|
|
display: none;
|
|
|
|
&.visible {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
&-box {
|
|
z-index: 3;
|
|
border-radius: 4px;
|
|
width: 320px;
|
|
overflow-y: auto;
|
|
background-color: #e3e7e8;
|
|
outline: none;
|
|
box-shadow: 0 2px 4px 0 rgba(134, 134, 134, 0.59);
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: -50%;
|
|
right: -50%;
|
|
bottom: -50%;
|
|
left: -50%;
|
|
border: solid 1px #b2b2b2;
|
|
transform: scale(0.5);
|
|
transform-origin: center center;
|
|
pointer-events: none;
|
|
border-radius: 10px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.extensions__pdf-container {
|
|
--lx-pdf-container-dark-bg: var(--lx-gray-03);
|
|
|
|
background-color: transparent;
|
|
|
|
.extensions__pdf-toolbar .buttons {
|
|
background-color: var(--ls-primary-background-color);
|
|
}
|
|
|
|
&[data-theme=light] {
|
|
@apply bg-white;
|
|
}
|
|
|
|
&[data-theme=dark] {
|
|
background-color: var(--lx-pdf-container-dark-bg, var(--ls-primary-background-color, #042f3c));
|
|
|
|
.pdfViewer {
|
|
background: transparent;
|
|
|
|
.page {
|
|
-webkit-filter: invert(100%);
|
|
filter: invert(100%);
|
|
}
|
|
}
|
|
|
|
.textLayer {
|
|
background-color: var(--lx-pdf-container-dark-bg, var(--ls-primary-background-color, #042f3c));
|
|
-webkit-filter: invert(100%);
|
|
filter: invert(100%);
|
|
}
|
|
|
|
.extensions__pdf-toolbar {
|
|
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 10%, rgb(15 31 37) 100%)
|
|
}
|
|
|
|
.extensions__pdf-hls-area-region {
|
|
mix-blend-mode: revert;
|
|
opacity: .4;
|
|
}
|
|
}
|
|
|
|
&[data-theme=warm] {
|
|
background-color: #f6efdf;
|
|
|
|
.textLayer {
|
|
background-color: #f8eeda;
|
|
}
|
|
|
|
.extensions__pdf-toolbar {
|
|
.buttons {
|
|
@apply bg-[#f6efdf];
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
html[data-theme=dark] {
|
|
.extensions__pdf-container[data-theme=warm] {
|
|
.extensions__pdf-toolbar {
|
|
.buttons {
|
|
@apply bg-background;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.block-ref-wrap {
|
|
&[data-hl-type=area] {
|
|
display: block;
|
|
|
|
.block-ref {
|
|
display: block;
|
|
border: none;
|
|
}
|
|
|
|
.prefix-link > .hl-area {
|
|
cursor: alias;
|
|
}
|
|
}
|
|
}
|
|
|
|
.block-content {
|
|
&[data-type=annotation] {
|
|
.prefix-link {
|
|
@apply inline-flex items-center pr-1 cursor-alias;
|
|
|
|
color: var(--ls-link-ref-text-color);
|
|
|
|
&:before {
|
|
content: "📌 ";
|
|
}
|
|
|
|
&.as-block {
|
|
@apply inline-block;
|
|
}
|
|
}
|
|
|
|
[data-hl-type=area] {
|
|
|
|
.hl-page {
|
|
> label {
|
|
@apply flex-1 cursor-text;
|
|
}
|
|
}
|
|
}
|
|
|
|
.hl-area {
|
|
@apply relative block cursor-text mt-1;
|
|
|
|
> .asset-container {
|
|
@apply mt-0 border rounded-md overflow-hidden;
|
|
|
|
> .asset-action-bar {
|
|
@apply top-1 right-1;
|
|
}
|
|
}
|
|
|
|
img {
|
|
@apply cursor-alias;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.ls-hl-colored .block-content {
|
|
&[data-hl-color=green] {
|
|
.prefix-link {
|
|
&:before {
|
|
content: "🟢 ";
|
|
}
|
|
}
|
|
}
|
|
|
|
&[data-hl-color=purple] {
|
|
.prefix-link {
|
|
&:before {
|
|
content: "🟣 ";
|
|
}
|
|
}
|
|
}
|
|
|
|
&[data-hl-color=blue] {
|
|
.prefix-link {
|
|
&:before {
|
|
content: "🔵 ";
|
|
}
|
|
}
|
|
}
|
|
|
|
&[data-hl-color=yellow] {
|
|
.prefix-link {
|
|
&:before {
|
|
content: "🟡 ";
|
|
}
|
|
}
|
|
}
|
|
|
|
&[data-hl-color=red] {
|
|
.prefix-link {
|
|
&:before {
|
|
content: "🔴 ";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
body[data-page] {
|
|
.extensions__pdf-loader {
|
|
width: 100%;
|
|
}
|
|
|
|
.extensions__pdf-container {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
width: var(--ph-view-container-width);
|
|
height: 100vh;
|
|
overflow-y: hidden;
|
|
z-index: 10;
|
|
}
|
|
|
|
.extensions__pdf-viewer {
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.extensions__pdf-viewer-cnt {
|
|
@apply flex overflow-x-hidden;
|
|
}
|
|
|
|
.extensions__pdf-highlights {
|
|
height: 30vh;
|
|
overflow: auto;
|
|
position: absolute;
|
|
top: 20px;
|
|
left: 20px;
|
|
background-color: rgba(231, 231, 231, 0.9);
|
|
padding: 20px;
|
|
z-index: 6;
|
|
max-width: 400px;
|
|
|
|
pre {
|
|
white-space: pre-wrap;
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
}
|
|
|
|
body.is-pdf-active {
|
|
#app-container {
|
|
padding-left: calc(var(--ph-view-container-width) + 15px);
|
|
}
|
|
|
|
#left-sidebar {
|
|
border: none !important;
|
|
display: none;
|
|
}
|
|
|
|
#head > .l {
|
|
padding-left: 0;
|
|
}
|
|
|
|
#main-container.is-left-sidebar-open {
|
|
padding-left: unset;
|
|
}
|
|
|
|
#left-menu {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
html.is-system-window {
|
|
.extensions__pdf-container {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
}
|
|
|
|
.extensions__pdf-loader {
|
|
@apply w-full;
|
|
}
|
|
}
|
|
|
|
/* overrides for pdf_viewer.css from PDF.JS web viewer */
|
|
|
|
.textLayer {
|
|
z-index: 2;
|
|
opacity: .8;
|
|
mix-blend-mode: multiply;
|
|
}
|
|
|
|
.annotationLayer {
|
|
.highlightAnnotation, .underlineAnnotation {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.textLayer ::selection {
|
|
background: rgb(185, 231, 255);
|
|
mix-blend-mode: multiply;
|
|
color: unset;
|
|
}
|
|
|
|
.textLayer .highlight {
|
|
background-color: rgb(206 255 162);
|
|
border: 1px solid transparent;
|
|
border-radius: 0;
|
|
padding: 0 2px;
|
|
|
|
&.selected {
|
|
background-color: rgb(206 255 162);
|
|
border: 2px dashed #ff3434;
|
|
}
|
|
}
|
|
|
|
.hl-flash {
|
|
animation-name: hl-flash;
|
|
animation-duration: 0.3s;
|
|
animation-timing-function: ease;
|
|
animation-iteration-count: 1;
|
|
animation-direction: alternate;
|
|
animation-play-state: running;
|
|
}
|
|
|
|
@keyframes hl-flash {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.pdfViewer .page.loadingIcon::after {
|
|
@apply bg-none;
|
|
}
|
|
|
|
.textLayer :is(span, br) {
|
|
&::selection {
|
|
@apply text-transparent;
|
|
}
|
|
}
|
|
|
|
.block-title-wrap[data-hl-type=area] {
|
|
@apply flex flex-col;
|
|
|
|
.prefix-link {
|
|
@apply inline-block;
|
|
}
|
|
}
|