Skip to content

Commit d279b97

Browse files
ROU-12506: Checkbox column not showing the checkboxes (#483)
* Add checkbox appearance styles for dropdowns and data grids to fix the issue where the checkboxes do not appear * add pseudoelement to overlap the default checkmark to be consistent with the other ones * fix checkbox pseudoelement to better fit the checkmark * Update version to 2.21.1 in package.json, DefaultSpecs.js, and Constants.ts * revert checkboxes colors
1 parent dc0ab1c commit d279b97

File tree

4 files changed

+11
-8
lines changed

4 files changed

+11
-8
lines changed

gulp/DefaultSpecs.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ const constants = {
1919

2020
// Store the default project specifications
2121
const specs = {
22-
version: '2.21.0',
22+
version: '2.21.1',
2323
name: 'OutSystems DataGrid',
2424
description: '',
2525
url: 'Website:\n • ' + constants.websiteUrl,

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "outsystems-datagrid",
3-
"version": "2.21.0",
3+
"version": "2.21.1",
44
"description": "OutSystems Data Grid for Reactive Web",
55
"author": "UI Components Team",
66
"license": "BSD-3-Clause",

src/OSFramework/DataGrid/Constants.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
// eslint-disable-next-line @typescript-eslint/no-unused-vars
22
namespace OSFramework.DataGrid.Constants {
33
/* OutSystems Data Grid Version */
4-
export const OSDataGridVersion = '2.21.0';
4+
export const OSDataGridVersion = '2.21.1';
55
/* OutSystems null values */
66
export const OSNullDate = '1900-01-01';
77
export const OSNullDateTime = '1900-01-01T00:00:00';

styles/Grid.css

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -102,6 +102,14 @@
102102
}
103103

104104
/**** OUTSYSTEMSUI OVERRIDES ****/
105+
.wj-dropdown-panel [type='checkbox']:not(.checkbox),
106+
.datagrid-container [type='checkbox']:not(.checkbox),
107+
.column-picker [type='checkbox']:not(.checkbox) {
108+
appearance: checkbox;
109+
-moz-appearance: checkbox;
110+
-webkit-appearance: checkbox;
111+
}
112+
105113
.wj-dropdown-panel [type='radio']:not(.radio),
106114
.datagrid-container [type='radio']:not(.radio),
107115
.column-picker [type='radio']:not(.radio) {
@@ -942,15 +950,10 @@ div[wj-part="ch"]:has(.wj-header.wj-frozen-col) {
942950

943951
/* checklist checkbox */
944952
.wj-dropdown-panel.wj-control.wj-content.wj-columnfiltereditor .wj-checklist-item .wj-checklist-base {
945-
border-color: var(--color-primary);
946953
height: var(--datagrid-filter-input-size);
947954
width: var(--datagrid-filter-input-size);
948955
}
949956

950-
.wj-dropdown-panel.wj-control.wj-content.wj-columnfiltereditor [aria-selected=true] .wj-checklist-item .wj-checklist-base {
951-
background: var(--color-primary);
952-
}
953-
954957
/* checklist item checkbox */
955958
.wj-dropdown-panel.wj-control.wj-content.wj-columnfiltereditor div[wj-part=div-values] .wj-checklist-item span.wj-checklist-mark {
956959
top: 55%;

0 commit comments

Comments
 (0)