@vizabi/spreadsheet - npm Package Compare versions

Comparing version 4.0.1 to 4.2.0

build/spreadsheet.css

@@ -41,2 +41,11 @@ @charset "UTF-8";
 
+.vzb-tool .vzb-dialogs {
+  position: absolute;
+  width: 100%;
+  justify-items: end;
+}
+.vzb-tool .vzb-dialogs .vzb-dialogs-dialog {
+  position: static;
+  width: auto;
+}
 .vzb-tool .vzb-spreadsheet {
@@ -49,3 +58,3 @@ background-color: white;
   grid-column-start: 1;
-  grid-column-end: -1;
+  grid-column-end: 2;
 }
@@ -110,10 +119,7 @@ .vzb-tool .vzb-spreadsheet div#vzb-spreadsheet-title {
   padding: 10px 5px;
-  text-transform: uppercase;
   min-height: 35px;
   display: flex;
   align-items: center;
+  justify-content: space-between;
 }
-.vzb-tool .vzb-spreadsheet div#vzb-spreadsheet-actions div {
-  position: absolute;
-}
 .vzb-tool .vzb-spreadsheet div#vzb-spreadsheet-actions div.vzb-spreadsheet-viewas {
@@ -123,2 +129,3 @@ left: 5px;
 .vzb-tool .vzb-spreadsheet div#vzb-spreadsheet-actions div.vzb-spreadsheet-downloadas {
+  text-transform: uppercase;
   right: 5px;
@@ -136,43 +143,43 @@ }
   content: "⏬";
+  margin-right: 5px;
 }
+.vzb-tool .vzb-spreadsheet div#vzb-spreadsheet-table-export {
+  display: none;
+}
 .vzb-tool .vzb-spreadsheet div#vzb-spreadsheet-table {
   flex: auto;
-  padding: 10px 5px 0px 5px;
   display: flex;
   flex-direction: row;
   overflow: scroll;
+  margin: 10px 0 0 8px;
+  padding-right: 5px;
 }
-.vzb-tool .vzb-spreadsheet div#vzb-spreadsheet-table.vzb-spreadsheet-table-fix-headers {
-  overflow: hidden;
-  padding-right: 0;
+.vzb-tool .vzb-spreadsheet div#vzb-spreadsheet-table.vzb-spreadsheet-table-fix-headers .viz-spreadsheet-table {
+  border-spacing: 0;
 }
-.vzb-tool .vzb-spreadsheet div#vzb-spreadsheet-table.vzb-spreadsheet-table-fix-headers .viz-spreadsheet-keytable-wrapper .viz-spreadsheet-keytable {
-  overflow: hidden;
+.vzb-tool .vzb-spreadsheet div#vzb-spreadsheet-table.vzb-spreadsheet-table-fix-headers .viz-spreadsheet-table td {
+  border-right: 2px solid white;
 }
-.vzb-tool .vzb-spreadsheet div#vzb-spreadsheet-table.vzb-spreadsheet-table-fix-headers .viz-spreadsheet-table-wrapper {
-  display: flex;
-  overflow: hidden;
+.vzb-tool .vzb-spreadsheet div#vzb-spreadsheet-table.vzb-spreadsheet-table-fix-headers .viz-spreadsheet-table .viz-spreadsheet-tablerow:nth-child(2n+3) td.viz-spreadsheet-keycell {
+  background-color: #f2fafc;
 }
-.vzb-tool .vzb-spreadsheet div#vzb-spreadsheet-table.vzb-spreadsheet-table-fix-headers .viz-spreadsheet-table-wrapper .viz-spreadsheet-table-header {
-  overflow: hidden;
-  flex: none;
-  max-height: calc(2em + 3px);
-  padding-right: 5px;
+.vzb-tool .vzb-spreadsheet div#vzb-spreadsheet-table.vzb-spreadsheet-table-fix-headers .viz-spreadsheet-table tr.viz-spreadsheet-headrow .viz-spreadsheet-keycell {
+  z-index: 3;
+  border-bottom-right-radius: 4px;
 }
-.vzb-tool .vzb-spreadsheet div#vzb-spreadsheet-table.vzb-spreadsheet-table-fix-headers .viz-spreadsheet-table-wrapper .viz-spreadsheet-table {
-  overflow: scroll;
-  padding-right: 5px;
+.vzb-tool .vzb-spreadsheet div#vzb-spreadsheet-table.vzb-spreadsheet-table-fix-headers .viz-spreadsheet-table tr.viz-spreadsheet-headrow td {
+  position: sticky;
+  top: 0;
+  z-index: 2;
+  background-color: white;
+  border-bottom-right-radius: 2px;
+  corner-shape: notch;
 }
-.vzb-tool .vzb-spreadsheet div#vzb-spreadsheet-table.vzb-spreadsheet-table-fix-headers .viz-spreadsheet-table-wrapper .viz-spreadsheet-table .viz-spreadsheet-headrow {
-  line-height: 0;
-  opacity: 0;
+.vzb-tool .vzb-spreadsheet div#vzb-spreadsheet-table.vzb-spreadsheet-table-fix-headers .viz-spreadsheet-table .viz-spreadsheet-keycell {
+  position: sticky;
+  left: 0;
+  z-index: 1;
+  background-color: white;
+  border-right: 4px solid white;
 }
-.vzb-tool .vzb-spreadsheet div#vzb-spreadsheet-table.vzb-spreadsheet-table-fix-headers .viz-spreadsheet-table-wrapper .viz-spreadsheet-table .viz-spreadsheet-headrow td {
-  padding-top: 0;
-  padding-bottom: 0;
-  border-bottom: none;
-}
-.vzb-tool .vzb-spreadsheet div#vzb-spreadsheet-table.vzb-spreadsheet-table-fix-headers .viz-spreadsheet-table-wrapper .viz-spreadsheet-keycell {
-  display: none;
-}
 .vzb-tool .vzb-spreadsheet div#vzb-spreadsheet-table .viz-spreadsheet-tablerow td {
@@ -203,6 +210,3 @@ height: 2em;
 }
-.vzb-tool table.viz-spreadsheet-table, .vzb-tool table.viz-spreadsheet-table-header {
-  display: block;
-}
-.vzb-tool table.viz-spreadsheet-table .viz-spreadsheet-keycell, .vzb-tool table.viz-spreadsheet-table-header .viz-spreadsheet-keycell {
+.vzb-tool table.viz-spreadsheet-table .viz-spreadsheet-keycell {
   font-family: inherit;
@@ -212,3 +216,3 @@ text-align: inherit;
 }
-.vzb-tool table.viz-spreadsheet-table td, .vzb-tool table.viz-spreadsheet-table-header td {
+.vzb-tool table.viz-spreadsheet-table td {
   font-family: monospace;
@@ -218,18 +222,2 @@ text-align: right;
 }
-.vzb-tool .viz-spreadsheet-keytable {
-  display: block;
-}
-.vzb-tool .viz-spreadsheet-keytable .viz-spreadsheet-headrow td::before {
-  content: attr(data-caption);
-  position: absolute;
-  margin-top: calc(-2em + 1px);
-  width: calc(100% - 5px);
-  border-bottom: 1px solid #607889;
-  background-color: white;
-}
-.vzb-tool .viz-spreadsheet-keytable-wrapper {
-  position: relative;
-  margin-top: 2em;
-  flex: none;
-}
 .vzb-tool .viz-spreadsheet-table-wrapper {
@@ -236,0 +224,0 @@ display: flex;

package.json

 {
   "name": "@vizabi/spreadsheet",
-  "version": "4.0.1",
+  "version": "4.2.0",
   "description": "Spreadsheet tool for Vizabi",
@@ -31,3 +31,3 @@ "scripts": {
       "name": "Angie",
-      "url": "https://github.com/angieskazka"
+      "url": "https://github.com/angiehjort"
     },
@@ -34,0 +34,0 @@ {

New alerts

Filesystem access

Supply chain risk

Accesses the file system, and could potentially read sensitive data.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Filesystem access

Supply chain risk

Accesses the file system, and could potentially read sensitive data.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1212054

0.65%

Lines of code

1646

3.13%

No dependency changes