@imposium-hub/components 2.3.5 → 2.3.6

package/dist/styles.css

@@ -254,9 +254,68 @@ body a {
 .file-hidden {
   display: none;
 }
+.no-ongoing-uploads {
+  text-align: center;
+  margin: auto;
+}
+.uploads-dropzone.show {
+  position: absolute;
+  top: 0;
+  height: 100%;
+  z-index: 200000;
+}
+.uploads-dropzone.table-hover .uploads-menu {
+  display: none;
+}
+.uploads-dropzone.asset-over .uploads-menu {
+  opacity: 0.3;
+}
+.uploads-dropzone.asset-over .overlay {
+  border-style: dashed;
+  border-color: hsl(225, 100%, 50%);
+  border-width: medium;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  text-align: center;
+  height: 98%;
+  width: 99%;
+  display: flex;
+  z-index: 1;
+}
+.uploads-dropzone.asset-over .overlay p {
+  vertical-align: middle;
+  margin: auto;
+}
+.uploads-dropzone {
+  height: 100%;
+}
+.uploads-dropzone.asset-over .uploads-menu {
+  opacity: 0.3;
+}
+.uploads-dropzone.asset-over .overlay {
+  border-style: dashed;
+  border-color: hsl(225, 100%, 50%);
+  border-width: medium;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  text-align: center;
+  height: 98%;
+  width: 99%;
+  display: flex;
+  z-index: 1;
+}
+.uploads-dropzone.asset-over .overlay p {
+  vertical-align: middle;
+  margin: auto;
+}
 .uploads-menu {
-  width: 670px;
-  height: 175px;
+  height: 100%;
   overflow-y: auto;
   display: flex;
   flex-direction: column;
@@ -272,10 +331,12 @@ body a {
 }
 .uploads-menu .uploads-list {
   width: 100%;
+  height: 100%;
   box-sizing: border-box;
   margin-top: 5px;
   padding: 5px;
   border-top: 1px solid #494949;
+  margin-bottom: 25px;
 }
 .uploads-menu .uploads-list .ongoing-upload {
   display: flex;
@@ -283,6 +344,21 @@ body a {
   align-items: flex-start;
   margin-bottom: 5px;
 }
+.uploads-menu .uploads-confirm {
+  display: flex;
+  flex-direction: row;
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  border-top: 1px solid #494949;
+  background: #272727;
+}
+.uploads-menu .uploads-confirm .checkbox-field {
+  top: 2px;
+}
+.uploads-menu .uploads-confirm .imposium-btn {
+  padding-top: 3px;
+}
 .uploads-menu .form-field {
   vertical-align: top;
 }
@@ -470,6 +546,49 @@ body a {
   justify-content: space-between;
   width: 100%;
 }
+.ongoing-upload-inner .tags-column {
+  width: unset;
+  padding: unset;
+  bottom: 2px;
+  margin-right: auto;
+}
+.ongoing-upload-inner .upload-filename {
+  display: inline-block;
+  background: #1d1d1d;
+  border: none;
+  color: #dfdfdf;
+  font-size: 12px;
+  box-sizing: border-box;
+  vertical-align: top;
+  height: 20px;
+  width: 200px;
+  font-family: 'Roboto Condensed', sans-serif;
+  border-radius: 0;
+  appearance: none;
+  padding: 4px;
+  margin-right: 5px;
+}
+.ongoing-upload-inner .imposium-btn {
+  height: fit-content;
+  position: relative;
+  top: 2px;
+}
+.ongoing-upload-inner .upload-filename {
+  display: inline-block;
+  background: #1d1d1d;
+  border: none;
+  color: #dfdfdf;
+  font-size: 12px;
+  box-sizing: border-box;
+  vertical-align: top;
+  height: 20px;
+  width: 200px;
+  font-family: 'Roboto Condensed', sans-serif;
+  border-radius: 0;
+  appearance: none;
+  padding: 4px;
+  margin-right: 5px;
+}
 .asset-preview-background {
   border: 1px solid #161616;
   background-color: #272727;
@@ -781,6 +900,10 @@ body a {
   top: 0;
   z-index: 2;
 }
+.ip-table-wrapper .ip-table .ip-table-header.pin {
+  position: sticky !important;
+  right: 0px;
+}
 .ip-table-wrapper .ip-table .ip-table-header,
 .ip-table-wrapper .ip-table .ip-table-col,
 .ip-table-wrapper .ip-table .ip-table-filter {
@@ -862,6 +985,10 @@ body a {
 .ip-table-wrapper .ip-table .ip-table-row .ip-table-col.overflow-visible {
   overflow: visible;
 }
+.ip-table-wrapper .ip-table .ip-table-row .ip-table-col.overflow-visible.pin {
+  position: sticky;
+  right: 0px;
+}
 .ip-table-wrapper .ip-table .ip-table-row .ip-table-col .form-field-content {
   margin-left: 0;
 }
@@ -2112,6 +2239,22 @@ body a {
   background-color: #161616;
   font-size: 14px;
 }
+.batch-job-error {
+  padding: 10px;
+  color: red;
+  background-color: #161616;
+}
+.batch-job-error h2 {
+  color: red;
+}
+.batch-job-error table td {
+  min-width: 75px;
+  vertical-align: top;
+}
+.batch-job-error .error-title {
+  font-weight: bold;
+  font-size: 14px;
+}
 .section {
   position: absolute;
   width: 100%;
@@ -2509,6 +2652,7 @@ body a {
   height: 100%;
   top: 0px;
   left: 0px;
+  background-color: #232323;
   top: 35px;
   height: calc(100% - 35px);
 }