@scaleflex/widget-provider-views 4.8.4 → 4.8.6

package/lib/style/filerobot-ProviderBrowser-layoutType--grid.scss

@@ -1,233 +0,0 @@
-// ***
-// View type: grid
-// ***
-.filerobot-ProviderBrowser-layoutType--grid {
-  ul.filerobot-ProviderBrowser-list {
-    &::after {
-      content: '';
-      flex: auto;
-    }
-
-    &:focus {
-      outline: none;
-    }
-  }
-
-  .filerobot-Provider-ItemCategory {
-    &-header {
-      display: flex;
-      align-items: center;
-      font-weight: 400;
-      width: 100%;
-      max-width: 130px;
-      padding: 0 12px;
-      margin-top: 12px;
-      cursor: pointer;
-      font-size: 12px;
-    }
-
-    &-wrapper {
-      padding: 8px 24px 12px;
-
-      &-list {
-        list-style: none;
-        padding: 0;
-        width: 100%;
-        display: grid;
-        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-      }
-    }
-  }
-
-  li.filerobot-ProviderBrowserItem {
-    min-width: 200px;
-    position: relative;
-    margin: 0;
-
-    &::before {
-      content: '';
-      padding-top: 88%;
-      display: block;
-    }
-
-    &--selected.item-folder,
-    &.item-folder:hover {
-      .filerobot-ProviderBrowserItem-folderSelectBox {
-        display: flex;
-      }
-    }
-
-    &:not(.filerobot-ProviderBrowserItem--beingRenamed):hover {
-      .filerobot-Explorer-dots-menu-icon {
-        display: block;
-      }
-    }
-
-    &:not(.item-folder) {
-      outline: none;
-      border: 4px solid transparent;
-
-      [data-filerobot-theme="dark"] & {
-        border: 4px solid $black;
-        background-color: $primary;
-
-        &:hover *,
-        &:focus * {
-          color: $black;
-        }
-      }
-
-      &.no-selection {
-        .filerobot-ProviderBrowserItem-inner {
-          cursor: auto;
-        }
-      }
-
-      &:not(.no-selection) {
-        .filerobot-ProviderBrowserItem-inner:hover {
-          background-color: $hover;
-        }
-      }
-    }
-  }
-
-  .filerobot-ProviderBrowserItem-videoDuration {
-    position: absolute;
-    bottom: 33%;
-    z-index: 2;
-    background: rgba(79, 98, 118, 0.7);
-    border-radius: 2px;
-    left: 16px;
-    padding: 2px 4px;
-    text-align: center;
-    font-weight: 500;
-    line-height: 12px;
-    font-size: 11px;
-    box-shadow: 0px 1px 2px 0px rgba(77, 78, 78, 0.15);
-    color: #fff !important;
-  }
-
-  li.filerobot-ProviderBrowserItem--selected {
-    .filerobot-ProviderBrowserItem-inner {
-      background-color: $active !important;
-
-      * {
-        fill: $white;
-        color: $white;
-      }
-    }
-
-    // As with-meta is related to the explorer only so that the styles would be applied to the explorer cards only.
-    &.with-meta {
-      input {
-        text-align: center;
-        color: #000 !important;
-        margin-top: 4px;
-        margin-bottom: -1px;
-      }
-
-      button.filerobot-ProviderBrowserItem-inner {
-        &:focus {
-          box-shadow: none !important;
-        }
-      }
-    }
-
-    .filerobot-Explorer-Item-fileInfoAndButtons {
-      background-color: inherit;
-    }
-  }
-
-  li.filerobot-ProviderBrowserItem--noPreview {
-    .filerobot-ProviderBrowserItem-inner {
-      background-color: rgba($gray-500, 0.2);
-
-      [data-filerobot-theme="dark"] & {
-        background-color: rgba($gray-200, 0.2);
-      }
-    }
-
-    svg {
-      fill: rgba($black, 0.7);
-      width: 30%;
-      height: 30%;
-
-      [data-filerobot-theme="dark"] & {
-        fill: rgba($white, 0.8);
-      }
-    }
-  }
-
-  // button with a large picture
-  button.filerobot-ProviderBrowserItem-inner {
-    overflow: hidden;
-    position: absolute;
-    text-align: center;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    border-radius: 2px;
-    box-shadow: 0px 1px 2px 0px rgba(77, 78, 78, 0.15);
-    background-color: $hover;
-
-    &:focus {
-      outline: none;
-    }
-
-    &.with-meta {
-      display: flex;
-      flex-direction: column-reverse;
-      align-items: center;
-      justify-content: flex-end;
-
-      &:focus {
-        box-shadow: none;
-      }
-
-      img {
-        object-fit: contain;
-        width: 100%;
-        height: 100%;
-        max-width: 100%;
-        max-height: 100%;
-      }
-    }
-  }
-
-  // Checkbox
-  .filerobot-ProviderBrowserItem-fakeCheckbox {
-    display: none;
-    position: absolute;
-    z-index: 3;
-    top: 8px;
-    left: 8px;
-  }
-
-  .filerobot-ProviderBrowserItem-folderSelectBox {
-    top: 26px;
-    left: 14px;
-    position: absolute;
-    display: none;
-  }
-}
-
-.filerobot-ProviderBrowserItem--selected {
-  .filerobot-ProviderBrowserItem-fakeCheckbox {
-    display: block;
-  }
-}
-
-.filerobot-ProviderBrowserItem-fakeCheckbox {
-  *:hover>& {
-    display: block;
-  }
-}
-
-
-.filerobot-Dragging-folders,
-.filerobot-Dragging-files {
-  &>* {
-    pointer-events: none;
-  }
-}

package/lib/style/filerobot-ProviderBrowser-layoutType--list.scss

@@ -1,190 +0,0 @@
-// ***
-// View type: list
-// ***
-
-.filerobot-ProviderBrowser-layoutType--list,
-.filerobot-ProviderBrowser-layoutType--tiles {
-  background-color: $white;
-
-  [data-filerobot-theme="dark"] & {
-    background-color: $gray-900;
-  }
-
-  .filerobot-Provider-list-cell {
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-    white-space: nowrap;
-    text-align: left;
-    cursor: pointer;
-    font-size: 14px;
-    flex: 0.5 0;
-
-    &-cursor-default {
-      cursor: default !important;
-    }
-  }
-
-  .filerobot-Provider-list-cell-icon {
-    max-width: 24px;
-    min-width: 20px;
-  }
-
-  .filerobot-Provider-list-firstColumn {
-    display: flex;
-    align-items: center;
-    flex: 1 0;
-
-    input, label {
-      width: 80%;
-    }
-
-    label {
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      overflow: hidden;
-    }
-  }
-  .filerobot-ProviderBrowser-list { outline: none; }
-
-  li.filerobot-ProviderBrowserItem {
-    outline: none;
-    display: flex;
-    align-items: center;
-    padding: 11px 12px;
-    margin: 0;
-    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
-
-    [data-filerobot-theme="dark"] & {
-      color: $gray-200;
-    }
-  }
-
-  .filerobot-ProviderBrowser-body {
-    width: 100%;
-    overflow-x: auto;
-  }
-
-  .filerobot-Provider-ItemCategory {
-    &-header {
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      overflow: hidden;
-      display: flex;
-      align-items: center;
-      text-align: left;
-      padding: 12px;
-      font-weight: 400;
-      font-size: 14px;
-      line-height: 16px;
-      border-bottom: 1.5px solid rgba(0, 0, 0, 0.07);
-      position: sticky;
-      top: -1px;
-      background-color: #fff;
-      z-index: 11;
-
-      &:last-child {
-        margin-right: 0;
-      }
-
-      .filerobot-c-icon {
-        vertical-align: middle;
-      }
-    }
-
-    &-wrapper-list {
-      padding: 0;
-    }
-  }
-
-
-  // Checkbox
-  .filerobot-ProviderBrowserItem-fakeCheckbox {
-    margin-right: 8px;
-    vertical-align: middle;
-  }
-
-  // Either a <label/> for a file,
-  // or a <button/> we can click on for a folder
-  .filerobot-ProviderBrowserItem {
-    &-inner {
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      overflow: hidden;
-      display: flex;
-      align-items: center;
-      width: 100%;
-      line-height: 1.3;
-      outline: none;
-
-    input {
-        height: 17px;
-      }
-
-      img, svg {
-        max-width: 20px;
-        // min-width: 20px;
-        max-height: 20px;
-      }
-    }
-
-    color: $primary;
-
-    &--selected {
-      background: $active;
-      color: $white;
-      border-bottom: 1px solid $border!important;
-
-      svg path {
-        fill: $border;
-      }
-    }
-
-  }
-
-  .filerobot-Provider-listHead-checkbox {
-    min-width: 16px;
-  }
-}
-
-.filerobot-ProviderBrowser-layoutType--list {
-  .filerobot-common-Checkbox {
-    margin-right: 8px;
-  }
-
-  .filerobot-Provider-ItemCategory-header {
-
-    .filerobot-Provider-list-cell-icon {
-      display: flex;
-      padding-left: 2px;
-    }
-  }
-}
-
-.filerobot-ProviderBrowser-layoutType--tiles {
-  .filerobot-Provider-ItemCategory-header {
-    padding: 11px 12px;
-
-    .filerobot-Provider-list-cell-icon {
-      display: flex;
-      padding-left: 4px;
-      margin-left: 4px;
-    }
-  }
-
-  li.filerobot-ProviderBrowserItem {
-    padding: 11px 12px;
-  }
-
-  .filerobot-Provider-list-cell-icon {
-    max-width: 36px;
-    min-width: 36px;
-    margin-right: 8px;
-
-    svg:not(.context-menu-icon), img {
-      width: 36px;
-      max-width: 36px;
-      max-height: 36px;
-    }
-  }
-}

package/lib/style/filerobot-ProviderBrowserItem-details.scss

@@ -1,207 +0,0 @@
-// packages/@scaleflex/widget-provider-views/src/components/Details/ProductItem.jsx
-.filerobot-Explorer-Details {
-  &-header{
-    display: flex;
-    align-items: center;
-    margin-left: 30px;
-    font-size: 12px;
-
-    &-icon {
-      margin-left: 6px;
-    }
-
-    &-title {
-      margin-top: 12px;
-      display: flex;
-      align-items: center;
-      max-width: 90%;
-
-      & label{
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        overflow: hidden;
-      }
-
-    }
-  }
-  &-tabs{
-    display: flex;
-    padding: 0 8px;
-    margin-top: 8px;
-    font-size: 12px;
-    cursor: pointer;
-
-    &-details,
-    &-comments {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      width: 50%;
-      height: 30px;
-      color: $primary;
-      border: 1px solid transparent;
-      border-top-left-radius: .10rem;
-      border-top-right-radius: .10rem;
-
-      // font-weight: 600;
-      & label {
-        width: 100%;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        cursor: pointer;
-        &:hover {
-          // color: $blue;
-          margin-bottom: -1px;
-          border-bottom: 2px solid #6879EB;
-          background-color: $background-primary;
-          color:#6879EB;
-        }
-      }
-
-      & > input[type="radio"] {
-        position: absolute;
-        left: -200vw;
-      }
-      & > input:checked + label {
-        // color: $blue;
-        margin-bottom: -1px;
-        border-bottom: 2px solid #6879EB;
-        background-color: $background-primary;
-        color:#6879EB;
-      }
-    }
-
-  }
-  &-icon-preview {
-    display: flex;
-    justify-content: center;
-    margin-top: 8px;
-    margin-bottom: 21px;
-  }
-  &-file-preview {
-    margin: 8px 5px 12px 8px;
-    height: 146px;
-    position: relative;
-
-    &:hover {
-      .filerobot-Explorer-Details-thumbnailZoomOverlay {
-        display: flex;
-      }
-    }
-  }
-  &-thumbnail {
-    position: relative;
-    z-index: 1;
-    width: 100%;
-    height: 100%;
-    max-width: 100%;
-    max-height: 100%;
-    object-fit: contain;
-  }
-  &-info {
-    font-size: 12px;
-    margin: 0;
-    padding: 0;
-    margin-top: 12px;
-    padding-left: 12px;
-
-    &-list {
-      display: flex;
-      list-style: none;
-      margin-bottom: 8px;
-
-      &-name {
-        display: flex;
-        font-weight: 400;
-        width: 68px;
-        padding-right: 2px;
-        color: #768184;
-
-        & > span{
-          text-overflow: ellipsis;
-          white-space: nowrap;
-          overflow: hidden;
-        }
-      }
-
-      &-value {
-        display: inline-block;
-        color: #4D4E4E;
-        font-weight: 400;
-        width: calc(100% - 68px);
-      }
-    }
-  }
-  &-section {
-    margin-top: 8px;
-    padding-top: 12px;
-    margin-right: 12px;
-    margin-left: 12px;
-    font-size: 12px;
-    border-top: 1px solid #DFE7ED;
-    &-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      margin-bottom: 9px;
-      padding-right: 5px;
-      &-title {
-        color: $secondary;
-      }
-    }
-    &-content {
-      &-list {
-        display: inline-flex;
-        -ms-flex-wrap: wrap;
-        flex-wrap: wrap;
-        margin: 0;
-        padding: 0;
-        width: 100%;
-        list-style: none;
-        & li {
-          position: relative;
-          display: flex;
-          align-items: center;
-          margin: 0 5px 5px 0;
-          padding: 4px 6px;
-          border-radius: 2px;
-          color: #4D4E4E;
-          background: $background-primary;
-          font-family: 'Roboto';
-          font-weight: 400;
-
-
-        }
-      }
-    }
-  }
-}
-
-.filerobot-Explorer-Details-thumbnailZoomOverlay {
-  position: absolute;
-  display: none;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.25) 100%);
-  user-select: none;
-  z-index: 111;
-}
-
-.filerobot-Explorer-Details-thumbnailZoomOverlayButton {
-  width: 100%;
-  height: 100%;
-
-  &:hover {
-    background: transparent !important;
-  }
-
-  &:active {
-    &:before {
-      opacity: 0.5 !important;
-    }
-  }
-}