diff --git a/index.html b/index.html
index aaa31b7..5ebfb31 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
Spreadsheet example
-
+
diff --git a/src/components/columnsBar.ts b/src/components/columnsBar.ts
index 72da1c2..0bb2500 100644
--- a/src/components/columnsBar.ts
+++ b/src/components/columnsBar.ts
@@ -3,7 +3,7 @@ import Spreadsheet, { RenderBox } from "../main";
export class ColumnsBar {
public element: HTMLCanvasElement;
private root: Spreadsheet;
- public height: number = 32;
+ public height: number = 35;
public width: number;
// private resizerWidth = 1;
ctx: CanvasRenderingContext2D;
@@ -69,7 +69,7 @@ export class ColumnsBar {
this.ctx.fillStyle = "black";
this.ctx.textAlign = "center";
this.ctx.textBaseline = "middle";
- this.ctx.font = "16px Arial";
+ this.ctx.font = "12px Arial";
this.ctx.fillText(
this.root.config.columns[column].title,
x + width / 2 - this.root.viewport.left,
diff --git a/src/components/rowsBar.ts b/src/components/rowsBar.ts
index 4b96b80..7844263 100644
--- a/src/components/rowsBar.ts
+++ b/src/components/rowsBar.ts
@@ -4,7 +4,7 @@ export class RowsBar {
element: HTMLCanvasElement;
ctx: CanvasRenderingContext2D;
root: Spreadsheet;
- width: number = 30;
+ width: number = 35;
height: number;
resizerHeight = 1;
constructor(root: Spreadsheet) {
@@ -56,7 +56,7 @@ export class RowsBar {
this.ctx.fillStyle = "black";
this.ctx.textAlign = "center";
this.ctx.textBaseline = "middle";
- this.ctx.font = "16px Arial";
+ this.ctx.font = "12px Arial";
this.ctx.fillText(
this.root.config.rows[row].title,
this.width / 2,
diff --git a/src/scss/_spreadsheet.scss b/src/scss/_spreadsheet.scss
index eb83c0d..e7d45b8 100644
--- a/src/scss/_spreadsheet.scss
+++ b/src/scss/_spreadsheet.scss
@@ -1,15 +1,15 @@
$css_prefix: "modern_sc_";
-.#{$css_prefix}content {
- position: absolute;
-}
-
.#{$css_prefix}spreadsheet_container {
position: relative;
isolation: isolate;
border: 2px solid black;
}
+.#{$css_prefix}content {
+ position: absolute;
+}
+
.#{$css_prefix}sheet {
display: block;
contain: strict;
@@ -20,6 +20,7 @@ $css_prefix: "modern_sc_";
overflow: scroll;
box-sizing: border-box;
transform: translateZ(0);
+
&:focus {
outline: none;
}