@freegridjs/core 1.9.2 → 1.9.3

package/dist/cdn/freegrid.css

@@ -45,6 +45,9 @@
 .fg-header-group { justify-content: center; }
 .fg-header-cell.fg-sortable { cursor: pointer; }
 .fg-header-cell.fg-align-right { flex-direction: row-reverse; }
+.fg-header-cell.fg-align-center { justify-content: center; }
+/* the label takes the free space (the menu button's auto margin would otherwise push it to the start) */
+.fg-header-cell.fg-align-center .fg-header-label { flex: 1 1 auto; text-align: center; }
 .fg-header-label { overflow: hidden; text-overflow: ellipsis; flex: var(--fg-header-label-flex, 0 1 auto); text-align: var(--fg-header-text-align, left); }
 .fg-sort-icon { color: var(--fg-accent); font-size: 12px; }
 .fg-sort-icon sup { font-size: 9px; margin-left: 1px; }
@@ -70,7 +73,8 @@
 .fg-body-pane-center { flex: 1 1 0; min-width: 0; overflow: auto; }
 .fg-body-pane-left { border-right: 1px solid var(--fg-border); box-shadow: 4px 0 8px -6px rgba(0, 0, 0, .18); z-index: 1; }
 .fg-body-pane-right { border-left: 1px solid var(--fg-border); box-shadow: -4px 0 8px -6px rgba(0, 0, 0, .18); z-index: 1; }
-.fg-canvas { position: relative; }
+/* isolation: the z-index of rows drawing merged blocks stays inside the canvas (below the editor, fill handle, overlays) */
+.fg-canvas { position: relative; isolation: isolate; }
 .fg-row { position: absolute; left: 0; right: 0; top: 0; border-bottom: 1px solid var(--fg-row-border); background: var(--fg-bg); }
 .fg-row-odd { background: var(--fg-row-odd); }
 .fg-row:hover { background: var(--fg-row-hover); }
@@ -164,6 +168,16 @@
 .fg-chooser-pin { margin-left: auto; color: var(--fg-muted); font-size: 11px; }
 .fg-chooser-marker { position: absolute; left: 0; right: 0; height: 2px; background: var(--fg-accent); pointer-events: none; }
 
+/* 심플형: white everywhere, no zebra stripes, hairline row rules, quiet header (works well with merged cells) */
+.fg-theme-simple {
+  --fg-radius: 6px; --fg-bg: #ffffff; --fg-fg: #222831; --fg-muted: #7b8290;
+  --fg-header-bg: #ffffff; --fg-header-fg: #5b6270; --fg-header-weight: 600;
+  --fg-border: #e6e8ec; --fg-row-border: #f0f1f4;
+  --fg-row-odd: #ffffff; --fg-row-hover: #f7f8fa; --fg-row-selected: #eef4ff;
+  --fg-accent: #3b6fe0; --fg-accent-fg: #ffffff; --fg-focus: #3b6fe0; --fg-popup-bg: #ffffff; --fg-input-bg: #ffffff;
+  --fg-header-border: 1px solid #e6e8ec; --fg-header-line: transparent;
+}
+
 /* ── Korean-style themes: simple lines, centered headers ─────────────────── */
 .fg-theme-board, .fg-theme-erp, .fg-theme-excel, .fg-theme-classic {
   --fg-font: "Pretendard Variable", Pretendard, "Malgun Gothic", "Apple SD Gothic Neo", "Noto Sans KR", ui-sans-serif, system-ui, sans-serif;
@@ -245,6 +259,8 @@ textarea.fg-editor-control { padding-top: 8px; resize: none; }
 /* ── v0.3: merge, pinned rows, status bar, fill handle, find, header wrap ── */
 .fg-cell-merged { z-index: 1; background: var(--fg-bg); align-items: flex-start; padding-top: calc((var(--fg-font-size, 13px) * 2.75 - 1.4em) / 2 + var(--fg-merge-shift, 0px)); border-bottom: 1px solid var(--fg-row-border); box-shadow: var(--fg-col-line, none); }
 .fg-row-odd .fg-cell-merged { background: var(--fg-bg); }
+.fg-cell-merged.fg-cell-merged-middle { align-items: center; padding-top: var(--fg-merge-shift, 0px); padding-bottom: var(--fg-merge-shift-bottom, 0px); }
+.fg-cell-merged.fg-cell-merged-bottom { align-items: flex-end; padding-top: var(--fg-merge-shift, 0px); padding-bottom: calc((var(--fg-font-size, 13px) * 2.75 - 1.4em) / 2 + var(--fg-merge-shift-bottom, 0px)); }
 .fg-cell-merge-hidden { visibility: hidden; }
 .fg-pinned-rows { display: flex; flex: none; background: var(--fg-bg); }
 .fg-pinned-top { border-bottom: 2px solid var(--fg-border); }