npm - cc-core-cli - Versions diffs - 1.0.131 → 1.0.135 - Mend

cc-core-cli 1.0.131 → 1.0.135

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (467) hide show

package/template/admin/public/static/images/template-bubble.png ADDED Viewed

Binary file

package/template/admin/public/static/images/template-line.png ADDED Viewed

Binary file

package/template/admin/public/static/images/template-mixed.jpeg ADDED Viewed

Binary file

package/template/admin/public/static/images/template-pie.png ADDED Viewed

Binary file

package/template/admin/public/static/images/template-polar-area.png ADDED Viewed

Binary file

package/template/admin/public/static/images/template-radar.jpg ADDED Viewed

Binary file

package/template/admin/public/static/images/template-radar.png ADDED Viewed

Binary file

package/template/admin/public/static/images/template-scatter.png ADDED Viewed

Binary file

package/template/admin/public/static/images/translation.svg ADDED Viewed

@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   version="1.1"
+   id="svg4266"
+   xml:space="preserve"
+   width="682.66669"
+   height="682.66669"
+   viewBox="0 0 682.66669 682.66669"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs4270"><clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath4280"><path
+         d="M 0,512 H 512 V 0 H 0 Z"
+         id="path4278" /></clipPath></defs><g
+     id="g4272"
+     transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)"><g
+       id="g4274"><g
+         id="g4276"
+         clip-path="url(#clipPath4280)"><g
+           id="g4282"
+           transform="translate(199.8862,231.9517)"><path
+             d="m 0,0 h -168.338 c -13.282,0 -24.048,10.767 -24.048,24.048 V 248.5 c 0,13.282 10.766,24.048 24.048,24.048 H 56.114 c 13.282,0 24.048,-10.766 24.048,-24.048 V 80.162"
+             style="fill:none;stroke:#000000;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+             id="path4284" /></g><g
+           id="g4286"
+           transform="translate(416.3228,280.0483)"><path
+             d="M 0,0 H 64.129 C 77.411,0 88.177,-10.767 88.177,-24.048 V -248.5 c 0,-13.282 -10.766,-24.048 -24.048,-24.048 h -224.452 c -13.281,0 -24.048,10.766 -24.048,24.048 v 224.452 c 0,13.281 10.767,24.048 24.048,24.048 h 128.26"
+             style="fill:none;stroke:#000000;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+             id="path4288" /></g><g
+           id="g4290"
+           transform="translate(71.6289,424.3389)"><path
+             d="M 0,0 H 144.291"
+             style="fill:none;stroke:#000000;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+             id="path4292" /></g><g
+           id="g4294"
+           transform="translate(106.7788,392.3105)"><path
+             d="M 0,0 C 12.426,-27.68 37.418,-67.625 85.092,-96.23"
+             style="fill:none;stroke:#000000;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+             id="path4296" /></g><g
+           id="g4298"
+           transform="translate(191.8711,424.3389)"><path
+             d="M 0,0 C 0,0 -16.032,-80.162 -96.194,-128.258"
+             style="fill:none;stroke:#000000;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+             id="path4300" /></g><g
+           id="g4302"
+           transform="translate(143.7744,424.3389)"><path
+             d="M 0,0 V 16.032"
+             style="fill:none;stroke:#000000;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+             id="path4304" /></g><g
+           id="g4306"
+           transform="translate(311.2656,71.6289)"><path
+             d="m 0,0 54.181,142.258 c 1.107,2.707 4.939,2.711 6.051,0.006 L 113.92,0"
+             style="fill:none;stroke:#000000;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+             id="path4308" /></g><g
+           id="g4310"
+           transform="translate(328.1631,107.0586)"><path
+             d="M 0,0 H 80.398"
+             style="fill:none;stroke:#000000;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+             id="path4312" /></g><g
+           id="g4314"
+           transform="translate(183.8564,95.6772)"><path
+             d="m 0,0 h -32.066 c -30.991,0 -56.113,25.123 -56.113,56.113 v 48.094"
+             style="fill:none;stroke:#000000;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+             id="path4316" /></g><g
+           id="g4318"
+           transform="translate(167.8228,119.7256)"><path
+             d="M 0,0 32.064,-24.048 0,-48.097"
+             style="fill:none;stroke:#000000;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+             id="path4320" /></g><g
+           id="g4322"
+           transform="translate(328.1436,416.3228)"><path
+             d="m 0,0 h 32.066 c 30.991,0 56.113,-25.123 56.113,-56.113 v -48.094"
+             style="fill:none;stroke:#000000;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+             id="path4324" /></g><g
+           id="g4326"
+           transform="translate(344.1772,392.2744)"><path
+             d="M 0,0 -32.064,24.048 0,48.097"
+             style="fill:none;stroke:#000000;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+             id="path4328" /></g></g></g></g></svg>

package/template/admin/public/static/images/txt_icon.svg ADDED Viewed

@@ -0,0 +1 @@

package/template/admin/public/static/images/widget-bubble.png ADDED Viewed

Binary file

package/template/admin/public/static/images/widget-column.png ADDED Viewed

Binary file

package/template/admin/public/static/images/widget-combo.png ADDED Viewed

Binary file

package/template/admin/public/static/images/widget-doughnut.png ADDED Viewed

Binary file

package/template/admin/public/static/images/widget-line.png ADDED Viewed

Binary file

package/template/admin/public/static/images/widget-pie.png ADDED Viewed

Binary file

package/template/admin/public/static/images/widget-scatter.png ADDED Viewed

Binary file

package/template/admin/public/static/images/widget-summary_box.png ADDED Viewed

Binary file

package/template/admin/public/static/images/widget-treemap.png ADDED Viewed

Binary file

package/template/admin/public/static/images/xls_icon.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Flat"><path d="m12 37v-32a2 2 0 0 1 2-2h26l12 12v22" fill="#d6d6d4"/><path d="m52 57v2a2 2 0 0 1 -2 2h-36a2 2 0 0 1 -2-2v-2" fill="#d6d6d4"/><path d="m40 3v12h12" fill="#44546c"/><rect fill="#7eb457" height="20" rx="2" width="46" x="9" y="37"/><path d="m46 26h-28a1 1 0 0 1 0-2h28a1 1 0 0 1 0 2z" fill="#44546c"/><path d="m46 32h-28a1 1 0 0 1 0-2h28a1 1 0 0 1 0 2z" fill="#44546c"/><g fill="#d6d6d4"><path d="m23.75 49.22-2.35 4a.42.42 0 0 1 -.24.19.81.81 0 0 1 -.35.07 1.7 1.7 0 0 1 -.56-.1 1.93 1.93 0 0 1 -.54-.26 1.79 1.79 0 0 1 -.42-.4.78.78 0 0 1 0-.93l2.78-4.3-2.68-4.29a.92.92 0 0 1 -.16-.5.8.8 0 0 1 .15-.47 1.61 1.61 0 0 1 .4-.38 1.92 1.92 0 0 1 .52-.25 1.82 1.82 0 0 1 .56-.09.78.78 0 0 1 .75.42l2.14 3.73 2.14-3.73a.8.8 0 0 1 .76-.42 1.91 1.91 0 0 1 .55.09 2 2 0 0 1 .53.25 1.41 1.41 0 0 1 .39.38.8.8 0 0 1 .15.47.92.92 0 0 1 -.16.5l-2.67 4.28 2.79 4.3a.94.94 0 0 1 .14.45.79.79 0 0 1 -.16.48 1.74 1.74 0 0 1 -.41.4 2.14 2.14 0 0 1 -.55.26 1.65 1.65 0 0 1 -.55.1.86.86 0 0 1 -.36-.07.5.5 0 0 1 -.24-.19z"/><path d="m30.46 53.37a1.44 1.44 0 0 1 -.75-.19.62.62 0 0 1 -.34-.58v-10.24a.59.59 0 0 1 .39-.57 2.17 2.17 0 0 1 1.73 0 .59.59 0 0 1 .39.57v8.82h3.67a.58.58 0 0 1 .55.34 1.73 1.73 0 0 1 .17.76 1.66 1.66 0 0 1 -.17.75.58.58 0 0 1 -.55.34z"/><path d="m40.55 51.28a2.67 2.67 0 0 0 .56-.06 1.62 1.62 0 0 0 .51-.18 1.15 1.15 0 0 0 .36-.33.88.88 0 0 0 .13-.49 1.07 1.07 0 0 0 -.37-.82 5.2 5.2 0 0 0 -1-.61c-.37-.18-.78-.38-1.23-.58a5.87 5.87 0 0 1 -1.23-.73 3.83 3.83 0 0 1 -.94-1.06 3 3 0 0 1 -.34-1.58 3 3 0 0 1 1.31-2.56 3.77 3.77 0 0 1 1.32-.58 5.8 5.8 0 0 1 1.49-.19c.22 0 .5 0 .86.05a6.48 6.48 0 0 1 1.07.19 2.89 2.89 0 0 1 .9.43.9.9 0 0 1 .38.75 1.48 1.48 0 0 1 -.06.38 1.85 1.85 0 0 1 -.18.44 1 1 0 0 1 -.31.35.72.72 0 0 1 -.45.15.92.92 0 0 1 -.41-.1l-.42-.21a5.64 5.64 0 0 0 -.56-.21 3 3 0 0 0 -.82-.1 2 2 0 0 0 -1.24.3.87.87 0 0 0 -.37.67.83.83 0 0 0 .38.68 5.72 5.72 0 0 0 .94.53l1.23.55a5.47 5.47 0 0 1 1.24.77 4.22 4.22 0 0 1 .94 1.14 3.44 3.44 0 0 1 .39 1.73 3.74 3.74 0 0 1 -.3 1.54 3.21 3.21 0 0 1 -.84 1.12 3.83 3.83 0 0 1 -1.28.68 5.18 5.18 0 0 1 -1.61.23 6.69 6.69 0 0 1 -1.5-.17 5.35 5.35 0 0 1 -1.23-.47 2.64 2.64 0 0 1 -.84-.67 1.25 1.25 0 0 1 -.31-.78 1.19 1.19 0 0 1 .09-.44 2.3 2.3 0 0 1 .23-.44 1.56 1.56 0 0 1 .35-.33.69.69 0 0 1 .43-.14.92.92 0 0 1 .54.18l.54.41a3.59 3.59 0 0 0 .7.41 2.12 2.12 0 0 0 .95.15z"/></g></g></svg>

package/template/admin/public/static/images/xml_icon.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Flat"><path d="m12 37v-32a2 2 0 0 1 2-2h26l12 12v22" fill="#d6d6d4"/><path d="m52 57v2a2 2 0 0 1 -2 2h-36a2 2 0 0 1 -2-2v-2" fill="#d6d6d4"/><path d="m40 3v12h12" fill="#44546c"/><rect fill="#348fd9" height="20" rx="2" width="46" x="9" y="37"/><path d="m46 26h-28a1 1 0 0 1 0-2h28a1 1 0 0 1 0 2z" fill="#44546c"/><path d="m46 32h-28a1 1 0 0 1 0-2h28a1 1 0 0 1 0 2z" fill="#44546c"/><g fill="#d6d6d4"><path d="m22.31 49.22-2.35 4a.42.42 0 0 1 -.24.19.81.81 0 0 1 -.35.07 1.7 1.7 0 0 1 -.56-.1 1.93 1.93 0 0 1 -.54-.26 1.79 1.79 0 0 1 -.42-.4.78.78 0 0 1 0-.93l2.78-4.3-2.63-4.29a.92.92 0 0 1 -.16-.5.8.8 0 0 1 .15-.47 1.46 1.46 0 0 1 .4-.38 1.92 1.92 0 0 1 .52-.25 1.82 1.82 0 0 1 .56-.09.78.78 0 0 1 .75.42l2.14 3.73 2.14-3.73a.79.79 0 0 1 .76-.42 1.91 1.91 0 0 1 .55.09 2 2 0 0 1 .53.25 1.41 1.41 0 0 1 .39.38.8.8 0 0 1 .15.47.92.92 0 0 1 -.16.5l-2.72 4.28 2.79 4.3a.94.94 0 0 1 .14.45.79.79 0 0 1 -.16.48 1.74 1.74 0 0 1 -.41.4 2.14 2.14 0 0 1 -.55.26 1.65 1.65 0 0 1 -.55.1.86.86 0 0 1 -.36-.07.5.5 0 0 1 -.24-.19z"/><path d="m33.59 49.2a.75.75 0 0 1 -.38.37 1 1 0 0 1 -.45.1 1 1 0 0 1 -.44-.1.71.71 0 0 1 -.32-.37l-1.53-2.8v6.2a.61.61 0 0 1 -.4.58 1.87 1.87 0 0 1 -.86.19 1.93 1.93 0 0 1 -.86-.19.62.62 0 0 1 -.39-.58v-9.74a1.47 1.47 0 0 1 .1-.58 1.15 1.15 0 0 1 .28-.39 1.09 1.09 0 0 1 .41-.22 1.76 1.76 0 0 1 .46-.06 5.21 5.21 0 0 1 .6 0 1.1 1.1 0 0 1 .47.16 1.66 1.66 0 0 1 .43.38 4.44 4.44 0 0 1 .45.68l1.66 2.9 1.66-2.9a4.44 4.44 0 0 1 .45-.68 1.8 1.8 0 0 1 .42-.38 1.19 1.19 0 0 1 .48-.16 5.15 5.15 0 0 1 .59 0 1.41 1.41 0 0 1 .87.28 1.12 1.12 0 0 1 .39 1v9.71a.61.61 0 0 1 -.4.58 1.9 1.9 0 0 1 -.86.19 1.93 1.93 0 0 1 -.86-.19.62.62 0 0 1 -.39-.58v-6z"/><path d="m40.48 53.37a1.51 1.51 0 0 1 -.76-.19.63.63 0 0 1 -.33-.58v-10.24a.59.59 0 0 1 .39-.57 2.14 2.14 0 0 1 1.72 0 .58.58 0 0 1 .4.57v8.82h3.67a.56.56 0 0 1 .54.34 1.61 1.61 0 0 1 .18.76 1.54 1.54 0 0 1 -.18.75.56.56 0 0 1 -.54.34z"/></g></g></svg>

package/template/admin/public/static/images/zip_icon.svg ADDED Viewed

@@ -0,0 +1 @@

package/template/admin/public/static/styles/activity_log.less ADDED Viewed

@@ -0,0 +1,157 @@
+.modal-activity-log-default-profile {
+  svg {
+    width : 100px;
+    height: 100px;
+  }
+}
+#log_setting_form {
+  .ant-form-item-has-feedback .ant-switch {
+    margin: 0
+  }
+}
+.activity-log-button {
+  color: rgb(102, 0, 255);
+  &.ant-btn {
+    border: 1px solid rgb(102, 0, 255);
+  }
+  &.ant-btn:hover,
+  &.ant-btn:focus {
+    border: 1px solid rgb(102, 0, 255);
+  }
+}
+.ant-drawer.activity-log {
+  .ant-drawer-content-wrapper {
+    width: 450px !important;
+    .ant-drawer-wrapper-body {
+      .ant-drawer-title {
+        .refresh {
+          svg {
+            width       : 16px;
+            height      : 16px;
+            margin-right: 0px;
+          }
+        }
+        svg {
+          width       : 16px;
+          height      : 16px;
+          margin-right: 6px;
+        }
+      }
+      .ant-drawer-body {
+        padding: 24px 0px;
+        .ant-divider.ant-divider-horizontal:first-child {
+          display: none;
+        }
+        .title-date {
+          margin-bottom: 15px;
+          padding      : 0px 24px;
+        }
+        .activity-contents {
+          margin-bottom: 3px;
+          padding      : 8px 24px;
+          .left-section {
+            .image {
+              margin-right: 10px;
+              width       : 55px;
+              .image-action {
+                text-align: center;
+                margin-top: 3px;
+                .ant-avatar-circle {
+                  width        : 38px;
+                  height       : 38px;
+                  margin-bottom: 4px;
+                }
+                .anticon-user {
+                  svg {
+                    width : 36px;
+                    height: 36px;
+                  }
+                }
+                .action {
+                  font-size: 13px;
+                }
+              }
+            }
+            .user-name {
+              font-weight: 500;
+              font-size  : 13px;
+            }
+            .ip {
+              font-size: 10px;
+            }
+          }
+          .right-section {
+            position  : relative;
+            text-align: right;
+            .time {
+              font-size: 12px;
+            }
+            .type-log {
+              position: absolute;
+              bottom  : 0;
+              right   : 0;
+              .ant-tag {
+                margin-right: 0;
+              }
+            }
+          }
+          &.failed {
+            background  : #fff1f0 !important;
+            border-color: #ffa39e;
+          }
+        }
+      }
+    }
+  }
+}
+.ant-btn.activity-log {
+  svg {
+    width : 16px;
+    height: 16px;
+  }
+}
+.ant-list-split.activity-log-diff-list {
+  .ant-list-item {
+    border-bottom: none;
+    padding: 6px 0;
+  }
+  .list-item-container {
+    display: block;
+  }
+}
+@media (max-width: @screen-sm-max) {
+  .ant-drawer.activity-log {
+    .ant-drawer-content-wrapper {
+      width: 85% !important;
+    }
+  }
+}

package/template/admin/public/static/styles/calendar.less ADDED Viewed

@@ -0,0 +1,145 @@
+.rbc-rtl .rbc-btn-group > button:last-child:not(:first-child) {
+    z-index: 100;
+    border-radius: 4px;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+}
+.rbc-toolbar button {
+    color: @text-color;
+    display: inline-block;
+    margin: 0;
+    text-align: center;
+    vertical-align: middle;
+    background: none;
+    background-image: none;
+    border: 1px solid @btn-default-border;
+    padding: 0.375rem 1rem;
+    border-radius: 4px;
+    line-height: normal;
+    white-space: nowrap;
+}
+.rbc-toolbar button:active,
+.rbc-toolbar button.rbc-active {
+    position: relative;
+    z-index: 1;
+    background-image: none;
+    box-shadow: @btn-primary-shadow;
+    background-color: @primary-color;
+    color: @primary-color;
+    background: @btn-default-bg;
+    border-color: @primary-color;
+}
+.rbc-toolbar button:active:hover,
+.rbc-toolbar button:active:focus,
+.rbc-toolbar button.rbc-active:hover,
+.rbc-toolbar button.rbc-active:focus {
+    color: @radio-button-hover-color;
+    background: @radio-button-bg;
+    border-color: @radio-button-hover-color;
+    // border-color: #8c8c8c;
+}
+.rbc-toolbar button:focus {
+    color: #373a3c;
+    border-color: @btn-default-border;
+}
+.rbc-toolbar button:hover {
+    color: @radio-button-hover-color;
+    background-color: transparent;
+    border-color: @btn-default-border;
+}
+.rbc-header {
+    overflow: hidden;
+    -webkit-box-flex: 1;
+    -ms-flex: 1 0 0%;
+    flex: 1 0 0%;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    padding: 0 4px;
+    // text-align: right;
+    vertical-align: middle;
+    font-weight: bold;
+    font-size: 90%;
+    min-height: 0;
+    border-bottom: 1px solid #ddd;
+}
+.rbc-month-row {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    position: relative;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-flex: 1;
+    -ms-flex: 1 0 0px;
+    flex: 1 0 0;
+    -ms-flex-preferred-size: 0px;
+    flex-basis: 0px;
+    overflow: hidden;
+    height: 100%;
+    border-bottom: 1px solid #ddd;
+}
+.rbc-header + .rbc-header {
+    border-left: none;
+}
+.rbc-month-view {
+    position: relative;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-flex: 1;
+    -ms-flex: 1 0 0px;
+    flex: 1 0 0;
+    width: 100%;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    -webkit-user-select: none;
+    height: 100%;
+    border: none;
+}
+.rbc-month-row {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    position: relative;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-flex: 1;
+    -ms-flex: 1 0 0px;
+    flex: 1 0 0;
+    -ms-flex-preferred-size: 0px;
+    flex-basis: 0px;
+    overflow: hidden;
+    height: 100%;
+}
+.rbc-day-bg + .rbc-day-bg {
+    border-left: none;
+}
+.rbc-agenda-date-cell {
+    border-right: 1px solid #ddd;
+}
+.my-rbc .rbc-time-view {
+    .rbc-label {
+        display: none;
+    }
+    .rbc-allday-cell {
+        height: calc(100vh - 98px);
+        max-height: unset;
+    }
+    .rbc-time-content {
+        display: none;
+    }
+}

package/template/admin/public/static/styles/collections.less ADDED Viewed

@@ -0,0 +1,123 @@
+.file-collections-items {
+  padding      : 12px;
+  border       : 1px solid #d9d9d9;
+  border-radius: 4px;
+  cursor       : pointer;
+  position     : relative;
+  &.selected {
+    border-color: @primary-color  !important;
+    .bulk-container {
+      display: block;
+    }
+  }
+  .bulk-container {
+    display : none;
+    position: absolute;
+    top     : 10px;
+    left    : 10px;
+    z-index : 2;
+  }
+  .file-items {
+    display        : flex;
+    justify-content: center;
+    align-items    : center;
+    width          : 100%;
+    height         : 120px;
+  }
+  .file-title-container {
+    display    : flex;
+    flex-flow  : row nowrap;
+    align-items: center;
+    .file-name {
+      flex-grow: 2;
+      width    : 0px;
+      .name {
+        max-width: 100%;
+      }
+    }
+    .file-type {
+      margin-left     : 10px;
+      padding         : 2px 4px 2px 4px;
+      border-radius   : 2px;
+      background-color: rgb(242, 243, 244);
+      .type {
+        max-width: 100%;
+        color    : rgb(158, 167, 184);
+      }
+    }
+  }
+  .file-ext-size {
+    max-width: 100%;
+    color    : #707070;
+  }
+}
+.file-collections-items:hover {
+  border-color: #afafaf;
+  .bulk-container {
+    display: block;
+  }
+}
+.file-detail-container {
+  .file-description-container {
+    padding         : 10px 10px 4px;
+    background-color: #f7f7f7;
+    border-radius   : 2px;
+    .ant-typography {
+      max-width: 100%;
+      font-size: 12px;
+      color    : #707070;
+    }
+  }
+}
+.file-preview-container {
+  display        : flex;
+  justify-content: center;
+  align-items    : center;
+  border-radius  : 2px;
+  border         : 1px solid #d9d9d9;
+  padding        : 8px;
+  width          : 100%;
+  height         : 100%;
+  max-height     : 400px;
+  position       : relative;
+  .file-actions {
+    position: absolute;
+    top     : 10px;
+    right   : 10px;
+  }
+}
+.image-preview-container {
+  display        : flex;
+  justify-content: center;
+  align-items    : center;
+  padding        : 8px;
+  width          : 100%;
+  height         : 100%;
+  max-height     : 400px;
+  position       : relative;
+  min-height     : 200px;
+  .file-actions {
+    position: absolute;
+    top     : 10px;
+    right   : 10px;
+  }
+}