diff --git a/package-lock.json b/package-lock.json index 2e0d39e..1790b50 100644 --- a/package-lock.json +++ b/package-lock.json @@ -6749,7 +6749,6 @@ "node_modules/vue-panzoom": { "version": "1.1.6", "resolved": "git+ssh://git@github.com/thepaperpilot/vue-panzoom.git#fa3cc91f6842cdfbd1bfb433c75cac01f177fe2d", - "integrity": "sha512-d4URo4PVl2jCFG1WNY+5lDQ8nloOVLf2gFLqE+TLNmF43+F/STgld0A58uf9aq2xbaupVJdZAp/prGtve9ESRQ==", "license": "MIT", "dependencies": { "panzoom": "^9.4.1" @@ -11902,7 +11901,6 @@ }, "vue-panzoom": { "version": "git+ssh://git@github.com/thepaperpilot/vue-panzoom.git#fa3cc91f6842cdfbd1bfb433c75cac01f177fe2d", - "integrity": "sha512-d4URo4PVl2jCFG1WNY+5lDQ8nloOVLf2gFLqE+TLNmF43+F/STgld0A58uf9aq2xbaupVJdZAp/prGtve9ESRQ==", "from": "vue-panzoom@https://github.com/thepaperpilot/vue-panzoom.git", "requires": { "panzoom": "^9.4.1" diff --git a/src/components/common/table.css b/src/components/common/table.css index 56d4929..a48d191 100644 --- a/src/components/common/table.css +++ b/src/components/common/table.css @@ -56,6 +56,43 @@ border-radius: var(--border-radius); } +.row-grid.mergeAdjacent > .feature:not(.dontMerge), +.row-grid.mergeAdjacent > .tooltip-container > .feature:not(.dontMerge) { + margin-left: 0; + margin-right: 0; + margin-bottom: 0; + margin-top: 0; + border-radius: 0; +} + +.row-grid.mergeAdjacent > .feature:not(.dontMerge):last-child, +.row-grid.mergeAdjacent > .tooltip-container:last-child > .feature:not(.dontMerge) { + border-radius: 0 0 0 0; +} + + +.row-grid.mergeAdjacent > .feature:not(.dontMerge):first-child, +.row-grid.mergeAdjacent > .tooltip-container:first-child > .feature:not(.dontMerge) { + border-radius: 0 0 0 0; +} + +.table-grid > .row-grid.mergeAdjacent:last-child > .feature:not(.dontMerge):first-child { + border-radius: 0 0 0 var(--border-radius); +} + +.table-grid > .row-grid.mergeAdjacent:first-child > .feature:not(.dontMerge):last-child { + border-radius: 0 var(--border-radius) 0 0; +} + +.table-grid > .row-grid.mergeAdjacent:first-child > .feature:not(.dontMerge):first-child { + border-radius: var(--border-radius) 0 0 0; +} + +.table-grid > .row-grid.mergeAdjacent:last-child > .feature:not(.dontMerge):last-child { + border-radius: 0 0 var(--border-radius) 0; +} + + /* TODO how to implement mergeAdjacent for grids? .row.mergeAdjacent + .row.mergeAdjacent > .feature:not(.dontMerge) { diff --git a/src/features/grids/Grid.vue b/src/features/grids/Grid.vue index 729d5a5..b6315b0 100644 --- a/src/features/grids/Grid.vue +++ b/src/features/grids/Grid.vue @@ -4,9 +4,9 @@ :style="{ visibility: unref(visibility) === Visibility.Hidden ? 'hidden' : undefined }" - class="table" + class="table-grid" > -
+