pixel-react 1.6.5 → 1.6.6

package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss

@@ -1,146 +1,146 @@
-@use '../../../../assets/styles/fonts';
-
-.ff-excel {
-  display: flex;
-  flex-direction: column;
-}
-
-.ff-spreadsheet {
-  --background-color: var(--drawer-footer-bg);
-  --text-color: var(--text-color);
-  --readonly-text-color: var(--toggle-strip-active);
-  --outline-color: var(--toggle-strip-active);
-  --outline-background-color: var(--overlay-bg);
-  --border-color: var(--toggle-strip-color);
-  --header-background-color: var(--pop-up-background-blur);
-  --elevation: var(--brand-color);
-
-  position: relative;
-  overflow: visible;
-  background: var(--background-color);
-  color: var(--text-color);
-  display: inline-block;
-}
-
-.ff-spreadsheet-active-cell {
-  position: absolute;
-  border: 2px solid var(--outline-color);
-  box-sizing: border-box;
-}
-
-.ff-spreadsheet-active-cell--edit {
-  background: var(--background-color);
-  box-shadow: var(--elevation);
-}
-
-.ff-spreadsheet-table {
-  overflow: scroll;
-  &::-webkit-scrollbar {
-    height: 0px;
-  }
-
-  margin-top: 20px;
-  border-collapse: collapse;
-  table-layout: fixed;
-}
-
-.ff-spreadsheet-cell {
-  outline: none;
-  position: relative;
-  z-index: 0;
-}
-
-.ff-spreadsheet-active-cell .Selection_dot {
-  background-color: var(--elevation);
-  height: 7px;
-  width: 7px;
-  border-radius: 50%;
-  position: absolute;
-  right: -3px;
-  z-index: 10;
-  bottom: -3px;
-  cursor: crosshair;
-}
-
-.ff-spreadsheet-cell--readonly {
-  color: var(--readonly-text-color);
-}
-
-.ff-spreadsheet-cell,
-.ff-spreadsheet-header {
-  border: 0.1px solid var(--border-color);
-  overflow: hidden;
-  word-break: keep-all;
-  white-space: nowrap;
-  text-align: left;
-  box-sizing: border-box;
-  user-select: none;
-}
-
-.ff-spreadsheet-header {
-  background: var(--header-background-color);
-  color: var(--readonly-text-color);
-  text-align: center;
-}
-
-.corner_indicator {
-  margin: 0px 0px 0px 15px;
-}
-
-.ff-spreadsheet-header--selected {
-  background: var(--brand-color);
-  color: var(--tooltip-text-color);
-}
-
-.ff-spreadsheet-header,
-.ff-spreadsheet-data-viewer,
-.ff-spreadsheet-data-editor input {
-  padding: 4px;
-  box-sizing: border-box;
-}
-
-.ff-spreadsheet-data-viewer--preserve-breaks {
-  white-space: pre-wrap;
-}
-
-.ff-spreadsheet-data-editor,
-.ff-spreadsheet-data-editor input {
-  width: 100%;
-  height: 100%;
-}
-
-.ff-spreadsheet-data-editor input {
-  font: inherit;
-  color: inherit;
-  background: none;
-  border: none;
-  outline: none;
-  margin: 0;
-}
-
-.ff-spreadsheet-data-viewer--boolean {
-  text-align: center;
-}
-
-.ff-spreadsheet-floating-rect {
-  position: absolute;
-  pointer-events: none;
-  box-sizing: border-box;
-}
-
-.ff-spreadsheet-floating-rect--hidden {
-  display: none;
-}
-
-.ff-spreadsheet-floating-rect--selected {
-  background: var(--outline-background-color);
-  border: 2px var(--outline-color) solid;
-}
-
-.ff-spreadsheet-floating-rect--dragging {
-  border: none;
-}
-
-.ff-spreadsheet-floating-rect--copied {
-  border: 2px var(--outline-color) dashed;
-}
+@use '../../../../assets/styles/fonts';
+
+.ff-excel {
+  display: flex;
+  flex-direction: column;
+}
+
+.ff-spreadsheet {
+  --background-color: var(--drawer-footer-bg);
+  --text-color: var(--text-color);
+  --readonly-text-color: var(--toggle-strip-active);
+  --outline-color: var(--toggle-strip-active);
+  --outline-background-color: var(--overlay-bg);
+  --border-color: var(--toggle-strip-color);
+  --header-background-color: var(--pop-up-background-blur);
+  --elevation: var(--brand-color);
+
+  position: relative;
+  overflow: visible;
+  background: var(--background-color);
+  color: var(--text-color);
+  display: inline-block;
+}
+
+.ff-spreadsheet-active-cell {
+  position: absolute;
+  border: 2px solid var(--outline-color);
+  box-sizing: border-box;
+}
+
+.ff-spreadsheet-active-cell--edit {
+  background: var(--background-color);
+  box-shadow: var(--elevation);
+}
+
+.ff-spreadsheet-table {
+  overflow: scroll;
+  &::-webkit-scrollbar {
+    height: 0px;
+  }
+
+  margin-top: 20px;
+  border-collapse: collapse;
+  table-layout: fixed;
+}
+
+.ff-spreadsheet-cell {
+  outline: none;
+  position: relative;
+  z-index: 0;
+}
+
+.ff-spreadsheet-active-cell .Selection_dot {
+  background-color: var(--elevation);
+  height: 7px;
+  width: 7px;
+  border-radius: 50%;
+  position: absolute;
+  right: -3px;
+  z-index: 10;
+  bottom: -3px;
+  cursor: crosshair;
+}
+
+.ff-spreadsheet-cell--readonly {
+  color: var(--readonly-text-color);
+}
+
+.ff-spreadsheet-cell,
+.ff-spreadsheet-header {
+  border: 0.1px solid var(--border-color);
+  overflow: hidden;
+  word-break: keep-all;
+  white-space: nowrap;
+  text-align: left;
+  box-sizing: border-box;
+  user-select: none;
+}
+
+.ff-spreadsheet-header {
+  background: var(--header-background-color);
+  color: var(--readonly-text-color);
+  text-align: center;
+}
+
+.corner_indicator {
+  margin: 0px 0px 0px 15px;
+}
+
+.ff-spreadsheet-header--selected {
+  background: var(--brand-color);
+  color: var(--tooltip-text-color);
+}
+
+.ff-spreadsheet-header,
+.ff-spreadsheet-data-viewer,
+.ff-spreadsheet-data-editor input {
+  padding: 4px;
+  box-sizing: border-box;
+}
+
+.ff-spreadsheet-data-viewer--preserve-breaks {
+  white-space: pre-wrap;
+}
+
+.ff-spreadsheet-data-editor,
+.ff-spreadsheet-data-editor input {
+  width: 100%;
+  height: 100%;
+}
+
+.ff-spreadsheet-data-editor input {
+  font: inherit;
+  color: inherit;
+  background: none;
+  border: none;
+  outline: none;
+  margin: 0;
+}
+
+.ff-spreadsheet-data-viewer--boolean {
+  text-align: center;
+}
+
+.ff-spreadsheet-floating-rect {
+  position: absolute;
+  pointer-events: none;
+  box-sizing: border-box;
+}
+
+.ff-spreadsheet-floating-rect--hidden {
+  display: none;
+}
+
+.ff-spreadsheet-floating-rect--selected {
+  background: var(--outline-background-color);
+  border: 2px var(--outline-color) solid;
+}
+
+.ff-spreadsheet-floating-rect--dragging {
+  border: none;
+}
+
+.ff-spreadsheet-floating-rect--copied {
+  border: 2px var(--outline-color) dashed;
+}