diff --git a/.storybook/examples/basic/style.stories.tsx b/.storybook/examples/basic/style.stories.tsx index 0d88b3b3..263617ab 100644 --- a/.storybook/examples/basic/style.stories.tsx +++ b/.storybook/examples/basic/style.stories.tsx @@ -31,7 +31,10 @@ export const Style = () => { A: { }, B: { - style: { backgroundColor: "#eeeeee" }, + style: { + backgroundColor: "#eeeeee", + fontSize: 30, color: "#fff", fontFamily: 'fantasy', letterSpacing: 20, lineHeight: "60px", + }, width: 200, }, C: { diff --git a/src/components/SheetProvider.tsx b/src/components/SheetProvider.tsx index eafaa058..4f91f711 100644 --- a/src/components/SheetProvider.tsx +++ b/src/components/SheetProvider.tsx @@ -28,7 +28,7 @@ export function useSheetDispatch() { return dispatch; } -export function SheetProvider({ children }: { children: JSX.Element }) { +export function SheetProvider({ children }: { children: React.ReactNode }) { const [mounted, setMounted] = React.useState(false); const [version, setVersion] = React.useState(0); const head = React.useRef(1); diff --git a/src/styles/cell.less b/src/styles/cell.less index ddc32b3b..e98fff0b 100644 --- a/src/styles/cell.less +++ b/src/styles/cell.less @@ -6,6 +6,10 @@ margin: 0; box-sizing: border-box; position: relative; + font-size: 13px; + letter-spacing: 1px; + line-height: 24px; + &.gs-copying { textarea:focus { outline: solid 1px #0077ff; @@ -51,13 +55,16 @@ z-index: 1; } .gs-cell-label { + font-size: 8px; + font-weight: normal; + font-style: normal; font-family: monospace, serif; + letter-spacing: 1px; + line-height: 18px; + position: absolute; top: 0; right: 0; - font-size: 8px; - font-weight: normal; - font-style: normal; background-color: rgba(0, 128, 255, 0.2); color: rgba(255, 255, 255, 0.6); padding: 0 2px; @@ -81,10 +88,7 @@ .gs-cell-rendered { overflow: hidden; - font-size: 13px; - letter-spacing: 1px; white-space: pre-wrap; - line-height: 24px; cursor: auto; word-wrap: break-word; word-break: break-all; diff --git a/src/styles/minified.ts b/src/styles/minified.ts index 510bc3a4..a2691fef 100644 --- a/src/styles/minified.ts +++ b/src/styles/minified.ts @@ -1,3 +1,3 @@ // yarn generate-style -export const LAST_MODIFIED = 1713035115; -export const CSS = `.gridsheet-1{display:inline-block;overflow:auto;font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,Meiryo,sans-serif}.gridsheet-1 .gs-main{overflow:hidden;position:relative;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box}.gridsheet-1.light{background-color:#f7f7f7;color:#000}.gridsheet-1.light .gs-editor.gs-editing textarea{background-color:#f5f5f5;color:#111;caret-color:#000}.gridsheet-1.light .gs-header{background-color:#eee;color:#666}.gridsheet-1.light .gs-header.gs-selecting{background-color:#ddd}.gridsheet-1.light .gs-header.gs-pointed{background-color:#bbb}.gridsheet-1.light .gs-header.gs-header-selecting{background-color:#555;color:#fff}.gridsheet-1.dark{background-color:#323232;color:#eee}.gridsheet-1.dark .gs-editor.gs-editing textarea{background-color:#353535;color:#ddd;caret-color:#ddd}.gridsheet-1.dark .gs-large-editor textarea{color:#ddd;caret-color:#ddd}.gridsheet-1.dark .gs-header{background-color:#474747;color:#eee}.gridsheet-1.dark .gs-header.gs-selecting{background-color:#777}.gridsheet-1.dark .gs-header.gs-pointed{background-color:#999}.gridsheet-1.dark .gs-header.gs-header-selecting{background-color:#bbb;color:#444}.gridsheet-1 .gs-cell.gs-copying textarea:focus{outline:solid 1px #07f}.gridsheet-1 .gs-cell .gs-cell-rendered-wrapper-outer.gs-selected{background-color:rgba(0,128,255,.2)}.gridsheet-1 .gs-resizing{width:100%;height:100%;position:absolute;background-color:rgba(0,127,255,.08);top:0;left:0;z-index:2}.gridsheet-1 .gs-line{position:relative;top:0;left:0;border:dotted 1px #07f;box-sizing:border-box}.gridsheet-1 .gs-line span{font-size:10px;padding:3px;background-color:#07f;color:#fff;margin:0;position:absolute;top:0;left:0}.gridsheet-1 .gs-table-width-larger{border-right:solid 1px rgba(128,128,128,.5)}.gridsheet-1 .gs-table-height-larger{border-bottom:solid 1px rgba(128,128,128,.5)}.gridsheet-1 .gs-cell{background-clip:content-box;border-top:solid 1px rgba(128,128,128,.3);border-left:solid 1px rgba(128,128,128,.3);padding:0;margin:0;box-sizing:border-box;position:relative}.gridsheet-1 .gs-cell.gs-copying textarea:focus{outline:solid 1px #07f}.gridsheet-1 .gs-cell.gs-selected{z-index:1}.gridsheet-1 .gs-cell.gs-selected .gs-cell-rendered-wrapper-inner{background-color:rgba(0,128,255,.2)}.gridsheet-1 .gs-cell.gs-selected .gs-cell-label{display:block}.gridsheet-1 .gs-cell.gs-pointed{margin-top:-1px;margin-left:-1px;z-index:1}.gridsheet-1 .gs-cell.gs-pointed.gs-editing{color:transparent}.gridsheet-1 .gs-cell.gs-pointed .gs-cell-label{display:block}.gridsheet-1 .gs-cell.gs-matching{background-color:rgba(0,200,100,.2)}.gridsheet-1 .gs-cell.gs-searching{border:solid 2px #00aa78}.gridsheet-1 .gs-cell .formula-error-triangle{position:absolute;top:0;right:0;border-top:3px solid rgba(200,0,0,.9);border-right:3px solid rgba(200,0,0,.9);border-bottom:3px solid transparent;border-left:3px solid transparent;z-index:1}.gridsheet-1 .gs-cell .gs-cell-label{font-family:monospace,serif;position:absolute;top:0;right:0;font-size:8px;font-weight:400;font-style:normal;background-color:rgba(0,128,255,.2);color:rgba(255,255,255,.6);padding:0 2px;display:none;opacity:.7}.gridsheet-1 .gs-cell .gs-cell-rendered-wrapper-outer{width:100%;height:100%}.gridsheet-1 .gs-cell .gs-cell-rendered-wrapper-inner{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;box-sizing:border-box}.gridsheet-1 .gs-cell .gs-cell-rendered{overflow:hidden;font-size:13px;letter-spacing:1px;white-space:pre-wrap;line-height:24px;cursor:auto;word-wrap:break-word;word-break:break-all;padding:0 2px}.gridsheet-1 .gs-cell .gs-cell-rendered>*{position:relative}.gridsheet-1 .gs-cell .gs-cell-rendered>.backface{z-index:0}.gridsheet-1 .gs-cell .gs-autofill-drag{background-color:#07f;position:absolute;width:7px;height:7px;bottom:0;right:0;margin-right:-3.5px;margin-bottom:-3.5px;cursor:crosshair;z-index:1}.gridsheet-1 .gs-autofill-dragging{cursor:crosshair;opacity:.9}.gridsheet-1 .gs-autofill-dragging .gs-cell-rendered-wrapper-inner{background-color:rgba(150,150,150,.2)}.gridsheet-1 .gs-contextmenu-modal{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:3}.gridsheet-1 .gs-contextmenu{z-index:3;position:fixed;background-color:#fff;padding:5px 0;border-radius:5px;box-shadow:rgba(60,64,67,.3) 0 1px 2px 0,rgba(60,64,67,.15) 0 1px 3px 1px}.gridsheet-1 .gs-contextmenu ul{min-width:250px;color:#555;margin:0;padding:0}.gridsheet-1 .gs-contextmenu ul li{padding:5px 10px;list-style-type:none;display:flex}.gridsheet-1 .gs-contextmenu ul li.gs-enabled{cursor:pointer}.gridsheet-1 .gs-contextmenu ul li.gs-enabled:hover{background-color:#eee}.gridsheet-1 .gs-contextmenu ul li.gs-disabled{opacity:.5;cursor:not-allowed}.gridsheet-1 .gs-contextmenu ul li.gs-menu-divider{background-color:#aaa;margin:10px 0;padding:0;height:1px}.gridsheet-1 .gs-contextmenu ul li .gs-menu-name{flex:1;font-size:15px;letter-spacing:1px}.gridsheet-1 .gs-contextmenu ul li .gs-menu-shortcut{font-size:10px;line-height:15px;color:#999;width:15px}.gridsheet-1 .gs-contextmenu ul li .gs-menu-shortcut:before{content:"("}.gridsheet-1 .gs-contextmenu ul li .gs-menu-shortcut:after{content:")"}.gridsheet-1 .gs-contextmenu ul li .gs-menu-shortcut .gs-menu-underline{text-decoration:underline}.gridsheet-1 .gs-editor{position:fixed;opacity:0;z-index:-1;background-color:#aaa}.gridsheet-1 .gs-editor textarea{width:100%;padding:0 2px;position:absolute;font-size:13px;line-height:24px;letter-spacing:1px;top:0;left:0;border:none;outline:0;background-color:transparent;resize:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden;caret-color:transparent;cursor:default}.gridsheet-1 .gs-editor.gs-editing{z-index:3;opacity:1}.gridsheet-1 .gs-editor.gs-editing textarea{cursor:text;min-width:100%;white-space:pre;outline:solid 2px #07f;border:none!important;height:auto}.gridsheet-1 .gs-editor.gs-editing .gs-cell-label{font-family:monospace,serif;position:absolute;top:0;right:0;margin-top:-20px;margin-right:-2px;padding:3px 5px;font-size:10px;background-color:#07f;color:#fff;z-index:1}.gridsheet-1 .gs-formula-bar{display:table;align-items:center;justify-content:center;background-color:rgba(128,128,128,.1)}.gridsheet-1 .gs-formula-bar .gs-selecting-address{display:table-cell;vertical-align:middle;width:50px;color:rgba(200,200,200);font-size:13px;padding-left:5px}.gridsheet-1 .gs-formula-bar .gs-fx{display:table-cell;vertical-align:middle;width:30px;color:rgba(200,200,200);font-style:italic;font-family:cursive;text-align:center;border-left:solid 1px rgba(200,200,200,.3)}.gridsheet-1 .gs-formula-bar textarea{display:table-cell;width:100%;vertical-align:bottom;color:rgba(155,155,155);border:none;background-color:transparent;padding:0;outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;font-size:13px;height:24px;line-height:24px;min-height:24px;letter-spacing:1px;resize:vertical}.gridsheet-1 .gs-tabular{overflow:auto;display:block;box-sizing:border-box}.gridsheet-1 .gs-tabular-inner>table{table-layout:fixed;border-collapse:collapse}.gridsheet-1 .gs-adjuster-horizontal-right{border-right:solid 1px rgba(128,128,128,.5)}.gridsheet-1 .gs-table-body-data tr:last-child td,.gridsheet-1 .gs-table-body-data tr:last-child th{border-bottom:solid 1px rgba(128,128,128,.5)}.gridsheet-1 .gs-adjuster{padding:0;visibility:hidden}.gridsheet-1 .gs-header-top{top:0;overflow:hidden;position:relative}.gridsheet-1 .gs-header-top::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-top:solid 1px rgba(128,128,128,.5)}.gridsheet-1 .gs-header-left{left:0;position:relative}.gridsheet-1 .gs-header-left::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-left:solid 1px rgba(128,128,128,.5)}.gridsheet-1 .gs-header-top.gs-header-left{z-index:3}.gridsheet-1 .gs-header{z-index:2;padding:0;position:sticky;font-size:13px;font-weight:400;box-sizing:border-box;vertical-align:top}.gridsheet-1 .gs-header .gs-resizer{position:absolute;border-color:transparent;box-sizing:border-box;z-index:2}.gridsheet-1 .gs-header .gs-resizer:hover{background-color:#07f}.gridsheet-1 .gs-header .gs-resizer.gs-protected{display:none}.gridsheet-1 .gs-header .gs-header-outer{height:100%;box-sizing:border-box}.gridsheet-1 .gs-header .gs-header-inner{height:100%;box-sizing:border-box;vertical-align:middle;overflow:hidden;display:flex;align-items:center;justify-content:center}.gridsheet-1 .gs-header-left-top{border-right:solid .5px transparent;border-bottom:solid .5px rgba(128,128,128,.3)}.gridsheet-1 .gs-header-horizontal{min-height:20px}.gridsheet-1 .gs-header-horizontal .gs-resizer{top:0;right:0;width:3px;cursor:e-resize}.gridsheet-1 .gs-header-horizontal .gs-resizer.gs-dragging{border-right-style:dotted;height:1000000px!important;cursor:e-resize}.gridsheet-1 .gs-header-horizontal .gs-header-outer{border-left:solid .5px rgba(128,128,128,.3)}.gridsheet-1 .gs-header-horizontal.gs-header-top-end .gs-header-outer{border-right:none}.gridsheet-1 .gs-header-vertical{overflow:hidden;min-width:30px}.gridsheet-1 .gs-header-vertical .gs-resizer{left:0;bottom:0;height:3px;cursor:n-resize}.gridsheet-1 .gs-header-vertical .gs-resizer.gs-dragging{border-bottom-style:dotted;width:1000000px!important;cursor:n-resize}.gridsheet-1 .gs-header-vertical .gs-header-outer{border-bottom:solid .5px rgba(128,128,128,.3)}.gridsheet-1 .gs-header-vertical.gs-header-left-end .gs-header-outer{border-bottom:none}.gridsheet-1 .gs-search{width:300px;box-shadow:rgba(60,64,67,.3) 0 1px 2px 0,rgba(60,64,67,.15) 0 1px 3px 1px;display:flex;background-color:#fdfdfd;border:solid 2px #eee;border-radius:5px;padding:10px;position:fixed;top:10px;right:10px;z-index:5}.gridsheet-1 .gs-search .gs-searchbox{display:flex;position:relative;border:solid 2px #07f;border-radius:5px;flex:1}.gridsheet-1 .gs-search .gs-searchbox input[type=text]{padding:5px;background-color:transparent;border:none;outline:0;z-index:1;flex:1}.gridsheet-1 .gs-search .gs-searchbox .gs-search-progress{color:#999;padding:6px 3px;font-size:13px;text-align:right}.gridsheet-1 .gs-search .gs-search-close{margin:6px 5px;cursor:pointer;color:#ddd;width:50px;text-align:center}`; +export const LAST_MODIFIED = 1723127807; +export const CSS = `.gridsheet-1{display:inline-block;overflow:auto;font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,Meiryo,sans-serif}.gridsheet-1 .gs-main{overflow:hidden;position:relative;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box}.gridsheet-1.light{background-color:#f7f7f7;color:#000}.gridsheet-1.light .gs-editor.gs-editing textarea{background-color:#f5f5f5;color:#111;caret-color:#000}.gridsheet-1.light .gs-header{background-color:#eee;color:#666}.gridsheet-1.light .gs-header.gs-selecting{background-color:#ddd}.gridsheet-1.light .gs-header.gs-pointed{background-color:#bbb}.gridsheet-1.light .gs-header.gs-header-selecting{background-color:#555;color:#fff}.gridsheet-1.dark{background-color:#323232;color:#eee}.gridsheet-1.dark .gs-editor.gs-editing textarea{background-color:#353535;color:#ddd;caret-color:#ddd}.gridsheet-1.dark .gs-large-editor textarea{color:#ddd;caret-color:#ddd}.gridsheet-1.dark .gs-header{background-color:#474747;color:#eee}.gridsheet-1.dark .gs-header.gs-selecting{background-color:#777}.gridsheet-1.dark .gs-header.gs-pointed{background-color:#999}.gridsheet-1.dark .gs-header.gs-header-selecting{background-color:#bbb;color:#444}.gridsheet-1 .gs-cell.gs-copying textarea:focus{outline:solid 1px #07f}.gridsheet-1 .gs-cell .gs-cell-rendered-wrapper-outer.gs-selected{background-color:rgba(0,128,255,.2)}.gridsheet-1 .gs-resizing{width:100%;height:100%;position:absolute;background-color:rgba(0,127,255,.08);top:0;left:0;z-index:2}.gridsheet-1 .gs-line{position:relative;top:0;left:0;border:dotted 1px #07f;box-sizing:border-box}.gridsheet-1 .gs-line span{font-size:10px;padding:3px;background-color:#07f;color:#fff;margin:0;position:absolute;top:0;left:0}.gridsheet-1 .gs-table-width-larger{border-right:solid 1px rgba(128,128,128,.5)}.gridsheet-1 .gs-table-height-larger{border-bottom:solid 1px rgba(128,128,128,.5)}.gridsheet-1 .gs-cell{background-clip:content-box;border-top:solid 1px rgba(128,128,128,.3);border-left:solid 1px rgba(128,128,128,.3);padding:0;margin:0;box-sizing:border-box;position:relative;font-size:13px;letter-spacing:1px;line-height:24px}.gridsheet-1 .gs-cell.gs-copying textarea:focus{outline:solid 1px #07f}.gridsheet-1 .gs-cell.gs-selected{z-index:1}.gridsheet-1 .gs-cell.gs-selected .gs-cell-rendered-wrapper-inner{background-color:rgba(0,128,255,.2)}.gridsheet-1 .gs-cell.gs-selected .gs-cell-label{display:block}.gridsheet-1 .gs-cell.gs-pointed{margin-top:-1px;margin-left:-1px;z-index:1}.gridsheet-1 .gs-cell.gs-pointed.gs-editing{color:transparent}.gridsheet-1 .gs-cell.gs-pointed .gs-cell-label{display:block}.gridsheet-1 .gs-cell.gs-matching{background-color:rgba(0,200,100,.2)}.gridsheet-1 .gs-cell.gs-searching{border:solid 2px #00aa78}.gridsheet-1 .gs-cell .formula-error-triangle{position:absolute;top:0;right:0;border-top:3px solid rgba(200,0,0,.9);border-right:3px solid rgba(200,0,0,.9);border-bottom:3px solid transparent;border-left:3px solid transparent;z-index:1}.gridsheet-1 .gs-cell .gs-cell-label{font-size:8px;font-weight:400;font-style:normal;font-family:monospace,serif;letter-spacing:1px;line-height:18px;position:absolute;top:0;right:0;background-color:rgba(0,128,255,.2);color:rgba(255,255,255,.6);padding:0 2px;display:none;opacity:.7}.gridsheet-1 .gs-cell .gs-cell-rendered-wrapper-outer{width:100%;height:100%}.gridsheet-1 .gs-cell .gs-cell-rendered-wrapper-inner{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;box-sizing:border-box}.gridsheet-1 .gs-cell .gs-cell-rendered{overflow:hidden;white-space:pre-wrap;cursor:auto;word-wrap:break-word;word-break:break-all;padding:0 2px}.gridsheet-1 .gs-cell .gs-cell-rendered>*{position:relative}.gridsheet-1 .gs-cell .gs-cell-rendered>.backface{z-index:0}.gridsheet-1 .gs-cell .gs-autofill-drag{background-color:#07f;position:absolute;width:7px;height:7px;bottom:0;right:0;margin-right:-3.5px;margin-bottom:-3.5px;cursor:crosshair;z-index:1}.gridsheet-1 .gs-autofill-dragging{cursor:crosshair;opacity:.9}.gridsheet-1 .gs-autofill-dragging .gs-cell-rendered-wrapper-inner{background-color:rgba(150,150,150,.2)}.gridsheet-1 .gs-contextmenu-modal{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:3}.gridsheet-1 .gs-contextmenu{z-index:3;position:fixed;background-color:#fff;padding:5px 0;border-radius:5px;box-shadow:rgba(60,64,67,.3) 0 1px 2px 0,rgba(60,64,67,.15) 0 1px 3px 1px}.gridsheet-1 .gs-contextmenu ul{min-width:250px;color:#555;margin:0;padding:0}.gridsheet-1 .gs-contextmenu ul li{padding:5px 10px;list-style-type:none;display:flex}.gridsheet-1 .gs-contextmenu ul li.gs-enabled{cursor:pointer}.gridsheet-1 .gs-contextmenu ul li.gs-enabled:hover{background-color:#eee}.gridsheet-1 .gs-contextmenu ul li.gs-disabled{opacity:.5;cursor:not-allowed}.gridsheet-1 .gs-contextmenu ul li.gs-menu-divider{background-color:#aaa;margin:10px 0;padding:0;height:1px}.gridsheet-1 .gs-contextmenu ul li .gs-menu-name{flex:1;font-size:15px;letter-spacing:1px}.gridsheet-1 .gs-contextmenu ul li .gs-menu-shortcut{font-size:10px;line-height:15px;color:#999;width:15px}.gridsheet-1 .gs-contextmenu ul li .gs-menu-shortcut:before{content:"("}.gridsheet-1 .gs-contextmenu ul li .gs-menu-shortcut:after{content:")"}.gridsheet-1 .gs-contextmenu ul li .gs-menu-shortcut .gs-menu-underline{text-decoration:underline}.gridsheet-1 .gs-editor{position:fixed;opacity:0;z-index:-1;background-color:#aaa}.gridsheet-1 .gs-editor textarea{width:100%;padding:0 2px;position:absolute;font-size:13px;line-height:24px;letter-spacing:1px;top:0;left:0;border:none;outline:0;background-color:transparent;resize:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden;caret-color:transparent;cursor:default}.gridsheet-1 .gs-editor.gs-editing{z-index:3;opacity:1}.gridsheet-1 .gs-editor.gs-editing textarea{cursor:text;min-width:100%;white-space:pre;outline:solid 2px #07f;border:none!important;height:auto}.gridsheet-1 .gs-editor.gs-editing .gs-cell-label{font-family:monospace,serif;position:absolute;top:0;right:0;margin-top:-20px;margin-right:-2px;padding:3px 5px;font-size:10px;background-color:#07f;color:#fff;z-index:1}.gridsheet-1 .gs-formula-bar{display:table;align-items:center;justify-content:center;background-color:rgba(128,128,128,.1)}.gridsheet-1 .gs-formula-bar .gs-selecting-address{display:table-cell;vertical-align:middle;width:50px;color:rgba(200,200,200);font-size:13px;padding-left:5px}.gridsheet-1 .gs-formula-bar .gs-fx{display:table-cell;vertical-align:middle;width:30px;color:rgba(200,200,200);font-style:italic;font-family:cursive;text-align:center;border-left:solid 1px rgba(200,200,200,.3)}.gridsheet-1 .gs-formula-bar textarea{display:table-cell;width:100%;vertical-align:bottom;color:rgba(155,155,155);border:none;background-color:transparent;padding:0;outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;font-size:13px;height:24px;line-height:24px;min-height:24px;letter-spacing:1px;resize:vertical}.gridsheet-1 .gs-tabular{overflow:auto;display:block;box-sizing:border-box}.gridsheet-1 .gs-tabular-inner>table{table-layout:fixed;border-collapse:collapse}.gridsheet-1 .gs-adjuster-horizontal-right{border-right:solid 1px rgba(128,128,128,.5)}.gridsheet-1 .gs-table-body-data tr:last-child td,.gridsheet-1 .gs-table-body-data tr:last-child th{border-bottom:solid 1px rgba(128,128,128,.5)}.gridsheet-1 .gs-adjuster{padding:0;visibility:hidden}.gridsheet-1 .gs-header-top{top:0;overflow:hidden;position:relative}.gridsheet-1 .gs-header-top::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-top:solid 1px rgba(128,128,128,.5)}.gridsheet-1 .gs-header-left{left:0;position:relative}.gridsheet-1 .gs-header-left::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-left:solid 1px rgba(128,128,128,.5)}.gridsheet-1 .gs-header-top.gs-header-left{z-index:3}.gridsheet-1 .gs-header{z-index:2;padding:0;position:sticky;font-size:13px;font-weight:400;box-sizing:border-box;vertical-align:top}.gridsheet-1 .gs-header .gs-resizer{position:absolute;border-color:transparent;box-sizing:border-box;z-index:2}.gridsheet-1 .gs-header .gs-resizer:hover{background-color:#07f}.gridsheet-1 .gs-header .gs-resizer.gs-protected{display:none}.gridsheet-1 .gs-header .gs-header-outer{height:100%;box-sizing:border-box}.gridsheet-1 .gs-header .gs-header-inner{height:100%;box-sizing:border-box;vertical-align:middle;overflow:hidden;display:flex;align-items:center;justify-content:center}.gridsheet-1 .gs-header-left-top{border-right:solid .5px transparent;border-bottom:solid .5px rgba(128,128,128,.3)}.gridsheet-1 .gs-header-horizontal{min-height:20px}.gridsheet-1 .gs-header-horizontal .gs-resizer{top:0;right:0;width:3px;cursor:e-resize}.gridsheet-1 .gs-header-horizontal .gs-resizer.gs-dragging{border-right-style:dotted;height:1000000px!important;cursor:e-resize}.gridsheet-1 .gs-header-horizontal .gs-header-outer{border-left:solid .5px rgba(128,128,128,.3)}.gridsheet-1 .gs-header-horizontal.gs-header-top-end .gs-header-outer{border-right:none}.gridsheet-1 .gs-header-vertical{overflow:hidden;min-width:30px}.gridsheet-1 .gs-header-vertical .gs-resizer{left:0;bottom:0;height:3px;cursor:n-resize}.gridsheet-1 .gs-header-vertical .gs-resizer.gs-dragging{border-bottom-style:dotted;width:1000000px!important;cursor:n-resize}.gridsheet-1 .gs-header-vertical .gs-header-outer{border-bottom:solid .5px rgba(128,128,128,.3)}.gridsheet-1 .gs-header-vertical.gs-header-left-end .gs-header-outer{border-bottom:none}.gridsheet-1 .gs-search{width:300px;box-shadow:rgba(60,64,67,.3) 0 1px 2px 0,rgba(60,64,67,.15) 0 1px 3px 1px;display:flex;background-color:#fdfdfd;border:solid 2px #eee;border-radius:5px;padding:10px;position:fixed;top:10px;right:10px;z-index:5}.gridsheet-1 .gs-search .gs-searchbox{display:flex;position:relative;border:solid 2px #07f;border-radius:5px;flex:1}.gridsheet-1 .gs-search .gs-searchbox input[type=text]{padding:5px;background-color:transparent;border:none;outline:0;z-index:1;flex:1}.gridsheet-1 .gs-search .gs-searchbox .gs-search-progress{color:#999;padding:6px 3px;font-size:13px;text-align:right}.gridsheet-1 .gs-search .gs-search-close{margin:6px 5px;cursor:pointer;color:#ddd;width:50px;text-align:center}`; diff --git a/src/styles/root.min.css b/src/styles/root.min.css index dccea6c2..9a92f5e3 100644 --- a/src/styles/root.min.css +++ b/src/styles/root.min.css @@ -1 +1 @@ -.gridsheet-1{display:inline-block;overflow:auto;font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,Meiryo,sans-serif}.gridsheet-1 .gs-main{overflow:hidden;position:relative;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box}.gridsheet-1.light{background-color:#f7f7f7;color:#000}.gridsheet-1.light .gs-editor.gs-editing textarea{background-color:#f5f5f5;color:#111;caret-color:#000}.gridsheet-1.light .gs-header{background-color:#eee;color:#666}.gridsheet-1.light .gs-header.gs-selecting{background-color:#ddd}.gridsheet-1.light .gs-header.gs-pointed{background-color:#bbb}.gridsheet-1.light .gs-header.gs-header-selecting{background-color:#555;color:#fff}.gridsheet-1.dark{background-color:#323232;color:#eee}.gridsheet-1.dark .gs-editor.gs-editing textarea{background-color:#353535;color:#ddd;caret-color:#ddd}.gridsheet-1.dark .gs-large-editor textarea{color:#ddd;caret-color:#ddd}.gridsheet-1.dark .gs-header{background-color:#474747;color:#eee}.gridsheet-1.dark .gs-header.gs-selecting{background-color:#777}.gridsheet-1.dark .gs-header.gs-pointed{background-color:#999}.gridsheet-1.dark .gs-header.gs-header-selecting{background-color:#bbb;color:#444}.gridsheet-1 .gs-cell.gs-copying textarea:focus{outline:solid 1px #07f}.gridsheet-1 .gs-cell .gs-cell-rendered-wrapper-outer.gs-selected{background-color:rgba(0,128,255,.2)}.gridsheet-1 .gs-resizing{width:100%;height:100%;position:absolute;background-color:rgba(0,127,255,.08);top:0;left:0;z-index:2}.gridsheet-1 .gs-line{position:relative;top:0;left:0;border:dotted 1px #07f;box-sizing:border-box}.gridsheet-1 .gs-line span{font-size:10px;padding:3px;background-color:#07f;color:#fff;margin:0;position:absolute;top:0;left:0}.gridsheet-1 .gs-table-width-larger{border-right:solid 1px rgba(128,128,128,.5)}.gridsheet-1 .gs-table-height-larger{border-bottom:solid 1px rgba(128,128,128,.5)}.gridsheet-1 .gs-cell{background-clip:content-box;border-top:solid 1px rgba(128,128,128,.3);border-left:solid 1px rgba(128,128,128,.3);padding:0;margin:0;box-sizing:border-box;position:relative}.gridsheet-1 .gs-cell.gs-copying textarea:focus{outline:solid 1px #07f}.gridsheet-1 .gs-cell.gs-selected{z-index:1}.gridsheet-1 .gs-cell.gs-selected .gs-cell-rendered-wrapper-inner{background-color:rgba(0,128,255,.2)}.gridsheet-1 .gs-cell.gs-selected .gs-cell-label{display:block}.gridsheet-1 .gs-cell.gs-pointed{margin-top:-1px;margin-left:-1px;z-index:1}.gridsheet-1 .gs-cell.gs-pointed.gs-editing{color:transparent}.gridsheet-1 .gs-cell.gs-pointed .gs-cell-label{display:block}.gridsheet-1 .gs-cell.gs-matching{background-color:rgba(0,200,100,.2)}.gridsheet-1 .gs-cell.gs-searching{border:solid 2px #00aa78}.gridsheet-1 .gs-cell .formula-error-triangle{position:absolute;top:0;right:0;border-top:3px solid rgba(200,0,0,.9);border-right:3px solid rgba(200,0,0,.9);border-bottom:3px solid transparent;border-left:3px solid transparent;z-index:1}.gridsheet-1 .gs-cell .gs-cell-label{font-family:monospace,serif;position:absolute;top:0;right:0;font-size:8px;font-weight:400;font-style:normal;background-color:rgba(0,128,255,.2);color:rgba(255,255,255,.6);padding:0 2px;display:none;opacity:.7}.gridsheet-1 .gs-cell .gs-cell-rendered-wrapper-outer{width:100%;height:100%}.gridsheet-1 .gs-cell .gs-cell-rendered-wrapper-inner{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;box-sizing:border-box}.gridsheet-1 .gs-cell .gs-cell-rendered{overflow:hidden;font-size:13px;letter-spacing:1px;white-space:pre-wrap;line-height:24px;cursor:auto;word-wrap:break-word;word-break:break-all;padding:0 2px}.gridsheet-1 .gs-cell .gs-cell-rendered>*{position:relative}.gridsheet-1 .gs-cell .gs-cell-rendered>.backface{z-index:0}.gridsheet-1 .gs-cell .gs-autofill-drag{background-color:#07f;position:absolute;width:7px;height:7px;bottom:0;right:0;margin-right:-3.5px;margin-bottom:-3.5px;cursor:crosshair;z-index:1}.gridsheet-1 .gs-autofill-dragging{cursor:crosshair;opacity:.9}.gridsheet-1 .gs-autofill-dragging .gs-cell-rendered-wrapper-inner{background-color:rgba(150,150,150,.2)}.gridsheet-1 .gs-contextmenu-modal{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:3}.gridsheet-1 .gs-contextmenu{z-index:3;position:fixed;background-color:#fff;padding:5px 0;border-radius:5px;box-shadow:rgba(60,64,67,.3) 0 1px 2px 0,rgba(60,64,67,.15) 0 1px 3px 1px}.gridsheet-1 .gs-contextmenu ul{min-width:250px;color:#555;margin:0;padding:0}.gridsheet-1 .gs-contextmenu ul li{padding:5px 10px;list-style-type:none;display:flex}.gridsheet-1 .gs-contextmenu ul li.gs-enabled{cursor:pointer}.gridsheet-1 .gs-contextmenu ul li.gs-enabled:hover{background-color:#eee}.gridsheet-1 .gs-contextmenu ul li.gs-disabled{opacity:.5;cursor:not-allowed}.gridsheet-1 .gs-contextmenu ul li.gs-menu-divider{background-color:#aaa;margin:10px 0;padding:0;height:1px}.gridsheet-1 .gs-contextmenu ul li .gs-menu-name{flex:1;font-size:15px;letter-spacing:1px}.gridsheet-1 .gs-contextmenu ul li .gs-menu-shortcut{font-size:10px;line-height:15px;color:#999;width:15px}.gridsheet-1 .gs-contextmenu ul li .gs-menu-shortcut:before{content:"("}.gridsheet-1 .gs-contextmenu ul li .gs-menu-shortcut:after{content:")"}.gridsheet-1 .gs-contextmenu ul li .gs-menu-shortcut .gs-menu-underline{text-decoration:underline}.gridsheet-1 .gs-editor{position:fixed;opacity:0;z-index:-1;background-color:#aaa}.gridsheet-1 .gs-editor textarea{width:100%;padding:0 2px;position:absolute;font-size:13px;line-height:24px;letter-spacing:1px;top:0;left:0;border:none;outline:0;background-color:transparent;resize:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden;caret-color:transparent;cursor:default}.gridsheet-1 .gs-editor.gs-editing{z-index:3;opacity:1}.gridsheet-1 .gs-editor.gs-editing textarea{cursor:text;min-width:100%;white-space:pre;outline:solid 2px #07f;border:none!important;height:auto}.gridsheet-1 .gs-editor.gs-editing .gs-cell-label{font-family:monospace,serif;position:absolute;top:0;right:0;margin-top:-20px;margin-right:-2px;padding:3px 5px;font-size:10px;background-color:#07f;color:#fff;z-index:1}.gridsheet-1 .gs-formula-bar{display:table;align-items:center;justify-content:center;background-color:rgba(128,128,128,.1)}.gridsheet-1 .gs-formula-bar .gs-selecting-address{display:table-cell;vertical-align:middle;width:50px;color:rgba(200,200,200);font-size:13px;padding-left:5px}.gridsheet-1 .gs-formula-bar .gs-fx{display:table-cell;vertical-align:middle;width:30px;color:rgba(200,200,200);font-style:italic;font-family:cursive;text-align:center;border-left:solid 1px rgba(200,200,200,.3)}.gridsheet-1 .gs-formula-bar textarea{display:table-cell;width:100%;vertical-align:bottom;color:rgba(155,155,155);border:none;background-color:transparent;padding:0;outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;font-size:13px;height:24px;line-height:24px;min-height:24px;letter-spacing:1px;resize:vertical}.gridsheet-1 .gs-tabular{overflow:auto;display:block;box-sizing:border-box}.gridsheet-1 .gs-tabular-inner>table{table-layout:fixed;border-collapse:collapse}.gridsheet-1 .gs-adjuster-horizontal-right{border-right:solid 1px rgba(128,128,128,.5)}.gridsheet-1 .gs-table-body-data tr:last-child td,.gridsheet-1 .gs-table-body-data tr:last-child th{border-bottom:solid 1px rgba(128,128,128,.5)}.gridsheet-1 .gs-adjuster{padding:0;visibility:hidden}.gridsheet-1 .gs-header-top{top:0;overflow:hidden;position:relative}.gridsheet-1 .gs-header-top::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-top:solid 1px rgba(128,128,128,.5)}.gridsheet-1 .gs-header-left{left:0;position:relative}.gridsheet-1 .gs-header-left::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-left:solid 1px rgba(128,128,128,.5)}.gridsheet-1 .gs-header-top.gs-header-left{z-index:3}.gridsheet-1 .gs-header{z-index:2;padding:0;position:sticky;font-size:13px;font-weight:400;box-sizing:border-box;vertical-align:top}.gridsheet-1 .gs-header .gs-resizer{position:absolute;border-color:transparent;box-sizing:border-box;z-index:2}.gridsheet-1 .gs-header .gs-resizer:hover{background-color:#07f}.gridsheet-1 .gs-header .gs-resizer.gs-protected{display:none}.gridsheet-1 .gs-header .gs-header-outer{height:100%;box-sizing:border-box}.gridsheet-1 .gs-header .gs-header-inner{height:100%;box-sizing:border-box;vertical-align:middle;overflow:hidden;display:flex;align-items:center;justify-content:center}.gridsheet-1 .gs-header-left-top{border-right:solid .5px transparent;border-bottom:solid .5px rgba(128,128,128,.3)}.gridsheet-1 .gs-header-horizontal{min-height:20px}.gridsheet-1 .gs-header-horizontal .gs-resizer{top:0;right:0;width:3px;cursor:e-resize}.gridsheet-1 .gs-header-horizontal .gs-resizer.gs-dragging{border-right-style:dotted;height:1000000px!important;cursor:e-resize}.gridsheet-1 .gs-header-horizontal .gs-header-outer{border-left:solid .5px rgba(128,128,128,.3)}.gridsheet-1 .gs-header-horizontal.gs-header-top-end .gs-header-outer{border-right:none}.gridsheet-1 .gs-header-vertical{overflow:hidden;min-width:30px}.gridsheet-1 .gs-header-vertical .gs-resizer{left:0;bottom:0;height:3px;cursor:n-resize}.gridsheet-1 .gs-header-vertical .gs-resizer.gs-dragging{border-bottom-style:dotted;width:1000000px!important;cursor:n-resize}.gridsheet-1 .gs-header-vertical .gs-header-outer{border-bottom:solid .5px rgba(128,128,128,.3)}.gridsheet-1 .gs-header-vertical.gs-header-left-end .gs-header-outer{border-bottom:none}.gridsheet-1 .gs-search{width:300px;box-shadow:rgba(60,64,67,.3) 0 1px 2px 0,rgba(60,64,67,.15) 0 1px 3px 1px;display:flex;background-color:#fdfdfd;border:solid 2px #eee;border-radius:5px;padding:10px;position:fixed;top:10px;right:10px;z-index:5}.gridsheet-1 .gs-search .gs-searchbox{display:flex;position:relative;border:solid 2px #07f;border-radius:5px;flex:1}.gridsheet-1 .gs-search .gs-searchbox input[type=text]{padding:5px;background-color:transparent;border:none;outline:0;z-index:1;flex:1}.gridsheet-1 .gs-search .gs-searchbox .gs-search-progress{color:#999;padding:6px 3px;font-size:13px;text-align:right}.gridsheet-1 .gs-search .gs-search-close{margin:6px 5px;cursor:pointer;color:#ddd;width:50px;text-align:center} \ No newline at end of file +.gridsheet-1{display:inline-block;overflow:auto;font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,Meiryo,sans-serif}.gridsheet-1 .gs-main{overflow:hidden;position:relative;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box}.gridsheet-1.light{background-color:#f7f7f7;color:#000}.gridsheet-1.light .gs-editor.gs-editing textarea{background-color:#f5f5f5;color:#111;caret-color:#000}.gridsheet-1.light .gs-header{background-color:#eee;color:#666}.gridsheet-1.light .gs-header.gs-selecting{background-color:#ddd}.gridsheet-1.light .gs-header.gs-pointed{background-color:#bbb}.gridsheet-1.light .gs-header.gs-header-selecting{background-color:#555;color:#fff}.gridsheet-1.dark{background-color:#323232;color:#eee}.gridsheet-1.dark .gs-editor.gs-editing textarea{background-color:#353535;color:#ddd;caret-color:#ddd}.gridsheet-1.dark .gs-large-editor textarea{color:#ddd;caret-color:#ddd}.gridsheet-1.dark .gs-header{background-color:#474747;color:#eee}.gridsheet-1.dark .gs-header.gs-selecting{background-color:#777}.gridsheet-1.dark .gs-header.gs-pointed{background-color:#999}.gridsheet-1.dark .gs-header.gs-header-selecting{background-color:#bbb;color:#444}.gridsheet-1 .gs-cell.gs-copying textarea:focus{outline:solid 1px #07f}.gridsheet-1 .gs-cell .gs-cell-rendered-wrapper-outer.gs-selected{background-color:rgba(0,128,255,.2)}.gridsheet-1 .gs-resizing{width:100%;height:100%;position:absolute;background-color:rgba(0,127,255,.08);top:0;left:0;z-index:2}.gridsheet-1 .gs-line{position:relative;top:0;left:0;border:dotted 1px #07f;box-sizing:border-box}.gridsheet-1 .gs-line span{font-size:10px;padding:3px;background-color:#07f;color:#fff;margin:0;position:absolute;top:0;left:0}.gridsheet-1 .gs-table-width-larger{border-right:solid 1px rgba(128,128,128,.5)}.gridsheet-1 .gs-table-height-larger{border-bottom:solid 1px rgba(128,128,128,.5)}.gridsheet-1 .gs-cell{background-clip:content-box;border-top:solid 1px rgba(128,128,128,.3);border-left:solid 1px rgba(128,128,128,.3);padding:0;margin:0;box-sizing:border-box;position:relative;font-size:13px;letter-spacing:1px;line-height:24px}.gridsheet-1 .gs-cell.gs-copying textarea:focus{outline:solid 1px #07f}.gridsheet-1 .gs-cell.gs-selected{z-index:1}.gridsheet-1 .gs-cell.gs-selected .gs-cell-rendered-wrapper-inner{background-color:rgba(0,128,255,.2)}.gridsheet-1 .gs-cell.gs-selected .gs-cell-label{display:block}.gridsheet-1 .gs-cell.gs-pointed{margin-top:-1px;margin-left:-1px;z-index:1}.gridsheet-1 .gs-cell.gs-pointed.gs-editing{color:transparent}.gridsheet-1 .gs-cell.gs-pointed .gs-cell-label{display:block}.gridsheet-1 .gs-cell.gs-matching{background-color:rgba(0,200,100,.2)}.gridsheet-1 .gs-cell.gs-searching{border:solid 2px #00aa78}.gridsheet-1 .gs-cell .formula-error-triangle{position:absolute;top:0;right:0;border-top:3px solid rgba(200,0,0,.9);border-right:3px solid rgba(200,0,0,.9);border-bottom:3px solid transparent;border-left:3px solid transparent;z-index:1}.gridsheet-1 .gs-cell .gs-cell-label{font-size:8px;font-weight:400;font-style:normal;font-family:monospace,serif;letter-spacing:1px;line-height:18px;position:absolute;top:0;right:0;background-color:rgba(0,128,255,.2);color:rgba(255,255,255,.6);padding:0 2px;display:none;opacity:.7}.gridsheet-1 .gs-cell .gs-cell-rendered-wrapper-outer{width:100%;height:100%}.gridsheet-1 .gs-cell .gs-cell-rendered-wrapper-inner{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;box-sizing:border-box}.gridsheet-1 .gs-cell .gs-cell-rendered{overflow:hidden;white-space:pre-wrap;cursor:auto;word-wrap:break-word;word-break:break-all;padding:0 2px}.gridsheet-1 .gs-cell .gs-cell-rendered>*{position:relative}.gridsheet-1 .gs-cell .gs-cell-rendered>.backface{z-index:0}.gridsheet-1 .gs-cell .gs-autofill-drag{background-color:#07f;position:absolute;width:7px;height:7px;bottom:0;right:0;margin-right:-3.5px;margin-bottom:-3.5px;cursor:crosshair;z-index:1}.gridsheet-1 .gs-autofill-dragging{cursor:crosshair;opacity:.9}.gridsheet-1 .gs-autofill-dragging .gs-cell-rendered-wrapper-inner{background-color:rgba(150,150,150,.2)}.gridsheet-1 .gs-contextmenu-modal{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:3}.gridsheet-1 .gs-contextmenu{z-index:3;position:fixed;background-color:#fff;padding:5px 0;border-radius:5px;box-shadow:rgba(60,64,67,.3) 0 1px 2px 0,rgba(60,64,67,.15) 0 1px 3px 1px}.gridsheet-1 .gs-contextmenu ul{min-width:250px;color:#555;margin:0;padding:0}.gridsheet-1 .gs-contextmenu ul li{padding:5px 10px;list-style-type:none;display:flex}.gridsheet-1 .gs-contextmenu ul li.gs-enabled{cursor:pointer}.gridsheet-1 .gs-contextmenu ul li.gs-enabled:hover{background-color:#eee}.gridsheet-1 .gs-contextmenu ul li.gs-disabled{opacity:.5;cursor:not-allowed}.gridsheet-1 .gs-contextmenu ul li.gs-menu-divider{background-color:#aaa;margin:10px 0;padding:0;height:1px}.gridsheet-1 .gs-contextmenu ul li .gs-menu-name{flex:1;font-size:15px;letter-spacing:1px}.gridsheet-1 .gs-contextmenu ul li .gs-menu-shortcut{font-size:10px;line-height:15px;color:#999;width:15px}.gridsheet-1 .gs-contextmenu ul li .gs-menu-shortcut:before{content:"("}.gridsheet-1 .gs-contextmenu ul li .gs-menu-shortcut:after{content:")"}.gridsheet-1 .gs-contextmenu ul li .gs-menu-shortcut .gs-menu-underline{text-decoration:underline}.gridsheet-1 .gs-editor{position:fixed;opacity:0;z-index:-1;background-color:#aaa}.gridsheet-1 .gs-editor textarea{width:100%;padding:0 2px;position:absolute;font-size:13px;line-height:24px;letter-spacing:1px;top:0;left:0;border:none;outline:0;background-color:transparent;resize:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden;caret-color:transparent;cursor:default}.gridsheet-1 .gs-editor.gs-editing{z-index:3;opacity:1}.gridsheet-1 .gs-editor.gs-editing textarea{cursor:text;min-width:100%;white-space:pre;outline:solid 2px #07f;border:none!important;height:auto}.gridsheet-1 .gs-editor.gs-editing .gs-cell-label{font-family:monospace,serif;position:absolute;top:0;right:0;margin-top:-20px;margin-right:-2px;padding:3px 5px;font-size:10px;background-color:#07f;color:#fff;z-index:1}.gridsheet-1 .gs-formula-bar{display:table;align-items:center;justify-content:center;background-color:rgba(128,128,128,.1)}.gridsheet-1 .gs-formula-bar .gs-selecting-address{display:table-cell;vertical-align:middle;width:50px;color:rgba(200,200,200);font-size:13px;padding-left:5px}.gridsheet-1 .gs-formula-bar .gs-fx{display:table-cell;vertical-align:middle;width:30px;color:rgba(200,200,200);font-style:italic;font-family:cursive;text-align:center;border-left:solid 1px rgba(200,200,200,.3)}.gridsheet-1 .gs-formula-bar textarea{display:table-cell;width:100%;vertical-align:bottom;color:rgba(155,155,155);border:none;background-color:transparent;padding:0;outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;font-size:13px;height:24px;line-height:24px;min-height:24px;letter-spacing:1px;resize:vertical}.gridsheet-1 .gs-tabular{overflow:auto;display:block;box-sizing:border-box}.gridsheet-1 .gs-tabular-inner>table{table-layout:fixed;border-collapse:collapse}.gridsheet-1 .gs-adjuster-horizontal-right{border-right:solid 1px rgba(128,128,128,.5)}.gridsheet-1 .gs-table-body-data tr:last-child td,.gridsheet-1 .gs-table-body-data tr:last-child th{border-bottom:solid 1px rgba(128,128,128,.5)}.gridsheet-1 .gs-adjuster{padding:0;visibility:hidden}.gridsheet-1 .gs-header-top{top:0;overflow:hidden;position:relative}.gridsheet-1 .gs-header-top::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-top:solid 1px rgba(128,128,128,.5)}.gridsheet-1 .gs-header-left{left:0;position:relative}.gridsheet-1 .gs-header-left::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-left:solid 1px rgba(128,128,128,.5)}.gridsheet-1 .gs-header-top.gs-header-left{z-index:3}.gridsheet-1 .gs-header{z-index:2;padding:0;position:sticky;font-size:13px;font-weight:400;box-sizing:border-box;vertical-align:top}.gridsheet-1 .gs-header .gs-resizer{position:absolute;border-color:transparent;box-sizing:border-box;z-index:2}.gridsheet-1 .gs-header .gs-resizer:hover{background-color:#07f}.gridsheet-1 .gs-header .gs-resizer.gs-protected{display:none}.gridsheet-1 .gs-header .gs-header-outer{height:100%;box-sizing:border-box}.gridsheet-1 .gs-header .gs-header-inner{height:100%;box-sizing:border-box;vertical-align:middle;overflow:hidden;display:flex;align-items:center;justify-content:center}.gridsheet-1 .gs-header-left-top{border-right:solid .5px transparent;border-bottom:solid .5px rgba(128,128,128,.3)}.gridsheet-1 .gs-header-horizontal{min-height:20px}.gridsheet-1 .gs-header-horizontal .gs-resizer{top:0;right:0;width:3px;cursor:e-resize}.gridsheet-1 .gs-header-horizontal .gs-resizer.gs-dragging{border-right-style:dotted;height:1000000px!important;cursor:e-resize}.gridsheet-1 .gs-header-horizontal .gs-header-outer{border-left:solid .5px rgba(128,128,128,.3)}.gridsheet-1 .gs-header-horizontal.gs-header-top-end .gs-header-outer{border-right:none}.gridsheet-1 .gs-header-vertical{overflow:hidden;min-width:30px}.gridsheet-1 .gs-header-vertical .gs-resizer{left:0;bottom:0;height:3px;cursor:n-resize}.gridsheet-1 .gs-header-vertical .gs-resizer.gs-dragging{border-bottom-style:dotted;width:1000000px!important;cursor:n-resize}.gridsheet-1 .gs-header-vertical .gs-header-outer{border-bottom:solid .5px rgba(128,128,128,.3)}.gridsheet-1 .gs-header-vertical.gs-header-left-end .gs-header-outer{border-bottom:none}.gridsheet-1 .gs-search{width:300px;box-shadow:rgba(60,64,67,.3) 0 1px 2px 0,rgba(60,64,67,.15) 0 1px 3px 1px;display:flex;background-color:#fdfdfd;border:solid 2px #eee;border-radius:5px;padding:10px;position:fixed;top:10px;right:10px;z-index:5}.gridsheet-1 .gs-search .gs-searchbox{display:flex;position:relative;border:solid 2px #07f;border-radius:5px;flex:1}.gridsheet-1 .gs-search .gs-searchbox input[type=text]{padding:5px;background-color:transparent;border:none;outline:0;z-index:1;flex:1}.gridsheet-1 .gs-search .gs-searchbox .gs-search-progress{color:#999;padding:6px 3px;font-size:13px;text-align:right}.gridsheet-1 .gs-search .gs-search-close{margin:6px 5px;cursor:pointer;color:#ddd;width:50px;text-align:center} \ No newline at end of file