npm - @mescius/wijmo.styles - Versions diffs - 5.20232.939 - Mend

@mescius/wijmo.styles 5.20232.939

Files changed (663) hide show

package/parts/_grid_multirow.scss ADDED Viewed

@@ -0,0 +1,59 @@
+/*!
+    *
+    * Wijmo Library 5.20232.939
+    * https://developer.mescius.com/wijmo
+    *
+    * Copyright(c) MESCIUS inc. All rights reserved.
+    *
+    * Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
+    * us.sales@mescius.com
+    * https://developer.mescius.com/wijmo/licensing
+    *
+    */
+// multirow
+.wj-multirow {
+    .wj-cell {
+        &.wj-record-end:not(.wj-header) {
+            border-bottom-color: #787878;
+        }
+        &.wj-group-end {
+            border-right-color: #787878;
+        }
+        &.wj-center-vert:not(.wj-hasdropdown) {
+            display: table;
+            table-layout: fixed;
+            padding-top: 0; /* remove top/bottom padding to work around Safari bug */
+            padding-bottom: 0;
+            div {
+                display: table-cell;
+                vertical-align: middle;
+                overflow: inherit;
+                text-overflow: inherit;
+                width: 100%; // TFS 443520
+                &.wj-btn.wj-btn-glyph.wj-elem-detail {
+                    vertical-align: top;
+                    padding-top: nth($wj-cell-pdg, 1); // keep cell padding-top
+                }
+            }
+        }
+    }
+    .wj-hdr-collapse {
+        position: absolute;
+        padding: 6px;
+        right: 0;
+        top: 0;
+        color: $wj-sel-bkg;
+        opacity: 0.5;
+        &:hover {
+            opacity: 1;
+        }
+    }
+}

package/parts/_grid_search.scss ADDED Viewed

@@ -0,0 +1,28 @@
+/*!
+    *
+    * Wijmo Library 5.20232.939
+    * https://developer.mescius.com/wijmo
+    *
+    * Copyright(c) MESCIUS inc. All rights reserved.
+    *
+    * Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
+    * us.sales@mescius.com
+    * https://developer.mescius.com/wijmo/licensing
+    *
+    */
+// wijmo.grid.search
+.wj-content.wj-flexgridsearch { // see _input.css
+    vertical-align: middle; // so labeledinput.css works in IE
+    display: inline-table; // so height:100% works properly even without <!DOCTYPE html> tag
+    border-collapse: separate;
+}
+.wj-flexgrid {
+    .wj-cell span.wj-state-match {
+        background: yellow;
+        color: $wj-txt; // make this readable when the cell is selected
+        font-weight: bold;
+    }
+}

package/parts/_grid_selector.scss ADDED Viewed

@@ -0,0 +1,29 @@
+/*!
+    *
+    * Wijmo Library 5.20232.939
+    * https://developer.mescius.com/wijmo
+    *
+    * Copyright(c) MESCIUS inc. All rights reserved.
+    *
+    * Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
+    * us.sales@mescius.com
+    * https://developer.mescius.com/wijmo/licensing
+    *
+    */
+// wijmo.grid.selector
+.wj-flexgrid {
+    .wj-cell {
+        input.wj-column-selector {
+            margin: 4px;
+            vertical-align: bottom;
+            outline: none;
+            &.wj-column-selector-group {
+                transform: scale(1.25);
+                margin-right: 6px;
+            }
+        }
+    }
+}

package/parts/_grid_sheet.scss ADDED Viewed

@@ -0,0 +1,246 @@
+/*!
+    *
+    * Wijmo Library 5.20232.939
+    * https://developer.mescius.com/wijmo
+    *
+    * Copyright(c) MESCIUS inc. All rights reserved.
+    *
+    * Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
+    * us.sales@mescius.com
+    * https://developer.mescius.com/wijmo/licensing
+    *
+    */
+// sheet
+.wj-flexsheet {
+    background: #a9a9a9;
+    width: 100%;
+    height: 100%;
+    .wj-content {
+        outline: none;
+        border-color: #ccc;
+        border-radius: 0;
+    }
+    .wj-header-row {
+        background: #96abb4 !important;
+        color: #fff !important;
+    }
+    .wj-cell.wj-state-multi-selected {
+        background: #e6e6e6; // TFS 379382
+        color: #222;
+        border-right: 1px solid #bbb;
+        border-bottom: 1px solid #bbb;
+    }
+    .wj-state-selected .wj-flexsheet-formula-description {
+        color: #fff;
+    }
+    // area below the sheet, with nav buttons, sheet tabs, and scrollbar
+    .wj-tabholder {
+        width: 100%;
+        min-width: 100px;
+        background: #b8b8b8;
+        span.wj-sheet-icon {
+            margin: 0 14px;
+        }
+        div.wj-sheet-page.wj-btn-group {
+            border: none;
+            > button {
+                padding: 1px 0 0 0;
+                border: none;
+                background: #e4e5e8;
+                color: #727275;
+                min-height: 0;
+                &:hover {
+                    background: #d2d3d8;
+                }
+            }
+        }
+        .wj-sheet-tab ul {
+            display: inline-block;
+            margin: 0;
+            padding: 0;
+            float: left;
+            li {
+                float: left;
+                display: block;
+                padding-right: 20px;
+                padding-left: 20px;
+                cursor: pointer;
+                margin-top: 1px;
+                border-left: 1px solid #b8b8b8;
+                min-height: 20px;
+                background: #d2d3d8;
+                text-align: center;
+                padding-top: 2px;
+                font-size: 11px;
+                color: #727275;
+                &.active {
+                    border-top-color: transparent;
+                    background: white;
+                    cursor: default;
+                    height: 100%;
+                    margin-top: 1px;
+                    border-left: 1px solid #b8b8b8;
+                    font-weight: bold;
+                }
+                &.hidden {
+                    display: none;
+                }
+                &:not(.active):hover {
+                    background: #aabcd6;
+                    color: #fff;
+                    cursor: pointer;
+                }
+                .wj-new-sheet:hover {
+                    background: $wj-sel-bkg;
+                }
+                .wj-sheet-name-editor {
+                    height: 100%;
+                    border: none;
+                    margin: 0;
+                    padding: 0;
+                    background: inherit;
+                    color: inherit;
+                    overflow: hidden;
+                    resize: none;
+                }
+            }
+        }
+        .wj-new-sheet {
+            padding: 0;
+            width: 32px;
+            height: 20px;
+            font-size: 11px;
+            text-align: center;
+            background: #668eb9;
+            color: #fff;
+            .wj-sheet-icon {
+                color: #727275;
+                margin-top: 5px;
+            }
+        }
+        .wj-sheet > div {
+            display: block;
+            float: left;
+        }
+    }
+    // embedded charts
+    .wj-flexchart {
+        background: $wj-cell;
+        border: $wj-bdr;
+    }
+    &.wj-rtl div.wj-sheet > div {
+        float: right;
+    }
+}
+.wj-flexsheet-formula-list {
+    margin: 0;
+    padding: 0;
+    background: #fff;
+    border: 1px solid rgba(0,0,0,.2);
+    font-family: arial,sans-serif;
+    font-size: 12px;
+    line-height: 22px;
+    position: absolute;
+    width: 300px;
+    z-index: 2001;
+    box-shadow: 0 2px 4px rgba(0,0,0,.2);
+    .wj-flexsheet-formula-name {
+        color: #222;
+        font-size: 13px;
+        font-family: inconsolata,monospace,arial,sans,sans-serif;
+        margin: -2px 0;
+    }
+    .wj-flexsheet-formula-description {
+        color: #666;
+        display: block;
+        font-size: 11px;
+        margin: -2px 0;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+    .wj-listbox-item.wj-state-selected > * {
+        color: white;
+    }
+}
+.wj-flexsheet-context-menu {
+    background: #fff;
+    border: thin solid #808080;
+    cursor: default;
+    padding: 3px 0;
+    .wj-context-menu-item {
+        padding: 3px 10px;
+    }
+    .wj-context-menu-item:not(.wj-context-menu-item-selected):hover {
+        background: rgba(0,0,0,.1);
+    }
+    .wj-context-menu-item-selected {
+        background: $wj-sel-bkg;
+        color: #fff;
+    }
+}
+.wj-flexsheet-smart-tag {
+    background: #FFFFFF;
+    border: 1px solid #ababab;
+    position: absolute;
+    padding: 0px;
+    margin: 0px;
+    height: 18px;
+    outline: none;
+}
+// .wj-flexsheet-smart-tag-active {
+//     background: #9fd5b7;
+//     border: 1px solid #ababab;
+// }
+// .wj-flexsheet-fill-menu {
+//     background: #FFFFFF;
+//     border: 1px solid #9fd5b7;
+//     position: absolute;
+//     width: 200px;
+//     padding: 3px 0px;
+//     .wj-flexsheet-fill-menu-item {
+//         padding: 3px 10px;
+//     }
+//     .wj-flexsheet-fill-menu-item-active {
+//         background: $wj-sel-bkg;
+//         color: #fff;
+//     }
+//     .wj-flexsheet-fill-menu-item:not(.wj-flexsheet-fill-menu-item-active):hover {
+//         background: rgba(0,0,0,.1);
+//     }
+// }

package/parts/_grid_transposed_multirow.scss ADDED Viewed

@@ -0,0 +1,26 @@
+/*!
+    *
+    * Wijmo Library 5.20232.939
+    * https://developer.mescius.com/wijmo
+    *
+    * Copyright(c) MESCIUS inc. All rights reserved.
+    *
+    * Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
+    * us.sales@mescius.com
+    * https://developer.mescius.com/wijmo/licensing
+    *
+    */
+// wijmo.grid.transposed.multirow
+.wj-transposed-multirow {
+    .wj-cell {
+        &.wj-record-end:not(.wj-header) {
+            border-right-color: #787878;
+        }
+        &.wj-group-end {
+            border-bottom-color: #787878;
+        }
+    }
+}