Skip to content

Commit 99ef6e1

Browse files
committed
fix: adjust pseudo-element to improve spacing
1 parent 4cea9a2 commit 99ef6e1

File tree

3 files changed

+23
-0
lines changed

3 files changed

+23
-0
lines changed

packages/modules/data-widgets/src/themesource/datawidgets/web/_gallery-design-properties.scss

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,21 @@
3333
}
3434
}
3535

36+
.widget-gallery-divided-horizontal {
37+
.widget-gallery-item {
38+
position: relative;
39+
&:not(:last-child)::after {
40+
content: "";
41+
display: block;
42+
position: absolute;
43+
left: 0;
44+
right: 0;
45+
border-bottom: 1px solid var(--grid-border-color, $dg-grid-border-color);
46+
margin-top: calc(var(--spacing-small, $dg-spacing-small) / 2);
47+
}
48+
}
49+
}
50+
3651
// Hover styles
3752
.widget-gallery-hover {
3853
.widget-gallery-items {

packages/modules/data-widgets/src/themesource/datawidgets/web/design-properties.json

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -59,6 +59,10 @@
5959
{
6060
"name": "Horizontal",
6161
"class": "widget-gallery-bordered-horizontal"
62+
},
63+
{
64+
"name": "Horizontal divider",
65+
"class": "widget-gallery-divided-horizontal"
6266
}
6367
]
6468
},

packages/pluggableWidgets/gallery-web/CHANGELOG.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
66

77
## [Unreleased]
88

9+
### Added
10+
11+
- Added a 'horizontal divider' option to Borders design property for Gallery list items, allowing improved visual separation and customization.
12+
913
## [3.3.0] - 2025-08-28
1014

1115
### Added

0 commit comments

Comments
 (0)