@vitrosoftware/common-ui-ts 1.1.11 → 1.1.13

package/css/white/controls/pdf-viewer/viewer-theme.css

@@ -0,0 +1,82 @@
+#sidebarContent {
+    background-color: rgba(0, 0, 0, 0.1);
+}
+
+html[dir="ltr"] .treeWithDeepNesting > .treeItem, html[dir="ltr"] .treeItem > .treeItems {
+    margin-left: 20px;
+}
+
+html[dir="ltr"] .treeItem > a {
+    padding: 2px 0 5px 4px;
+    display: inline-block;
+    font-size: 13px;
+}
+
+.treeItem > a {
+    color: #EDEDF0;
+    text-decoration: none;
+}
+
+html[dir="ltr"] .treeItemToggler {
+    float: left;
+}
+
+.treeItemToggler {
+    position: relative;
+    height: 0;
+    width: 0;
+    color: hsl(0,0%,85%);
+}
+
+html[dir="ltr"] .treeItemToggler::before {
+    right: 4px;
+}
+
+.treeItemToggler::before {
+    -webkit-mask-image: var(--treeitem-expanded-icon);
+    mask-image: var(--treeitem-expanded-icon);
+}
+.toolbarButton::before,
+.secondaryToolbarButton::before,
+.dropdownToolbarButton::after,
+.treeItemToggler::before {
+    position: absolute;
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    content: "";
+    background-color: var(--toolbar-icon-bg-color);
+    -webkit-mask-size: cover;
+    mask-size: cover;
+}
+
+.treeItemToggler::before {
+    /* treeitem-expanded.svg URL-encoder for SVG */
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M10 13l4-7H6z'/%3E%3C/svg%3E");
+    background-repeat: no-repeat;
+    background-position: 7px 4px;
+}
+
+.treeItemToggler.treeItemsHidden::before {
+    /* treeitem-collapsed.svg URL-encoder for SVG */
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M13 9L6 5v8z'/%3E%3C/svg%3E");
+    background-repeat: no-repeat;
+}
+
+.treeItemToggler.treeItemsHidden ~ .treeItems {
+    display: none;
+}
+
+.treeItem.selected > a {
+    background-color: rgba(0, 0, 0, 0.25);
+    color: #CACACD;
+}
+
+.treeItemToggler:hover,
+.treeItemToggler:hover + a,
+.treeItemToggler:hover ~ .treeItems,
+.treeItem > a:hover {
+    border-radius: 2px;
+    background-color: rgba(0, 0, 0, 0.15);
+    color: #FCFCFC;
+}