Skip to content

Commit

Permalink
chore: fix grid menu demo don't hide editors checkbox
Browse files Browse the repository at this point in the history
  • Loading branch information
ghiscoding committed Oct 30, 2024
1 parent 96c229c commit 7816ce0
Show file tree
Hide file tree
Showing 2 changed files with 0 additions and 8 deletions.
4 changes: 0 additions & 4 deletions examples/example-grid-menu.html
Original file line number Diff line number Diff line change
Expand Up @@ -62,12 +62,10 @@
cursor: pointer;
}

#myGrid input[type=checkbox],
.slick-gridmenu-list input[type=checkbox],
.slick-columnpicker-list input[type=checkbox] {
display:none; /* to hide the checkbox itself */
}
#myGrid input[type=checkbox] + label:before,
.slick-gridmenu-list input[type=checkbox] + label:before,
.slick-columnpicker-list input[type=checkbox] + label:before {
cursor: pointer;
Expand All @@ -77,12 +75,10 @@
width: 16px;
content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23181d1f" viewBox="0 0 24 24"><path d="M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z"/></svg>');
}
#myGrid input[type=checkbox] + label:before,
.slick-gridmenu-list input[type=checkbox] + label:before,
.slick-columnpicker-list input[type=checkbox] + label:before {
opacity: 0.2; /* unchecked icon */
}
#myGrid input[type=checkbox]:checked + label:before,
.slick-gridmenu-list input[type=checkbox]:checked + label:before,
.slick-columnpicker-list input[type=checkbox]:checked + label:before {
opacity: 1; /* checked icon */
Expand Down
4 changes: 0 additions & 4 deletions vite-demo/src/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -92,12 +92,10 @@ body {
cursor: pointer;
}

#myGrid input[type=checkbox],
.slick-gridmenu-list input[type=checkbox],
.slick-columnpicker-list input[type=checkbox] {
display:none; /* to hide the checkbox itself */
}
#myGrid input[type=checkbox] + label:before,
.slick-gridmenu-list input[type=checkbox] + label:before,
.slick-columnpicker-list input[type=checkbox] + label:before {
cursor: pointer;
Expand All @@ -107,12 +105,10 @@ body {
width: 16px;
content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23181d1f" viewBox="0 0 24 24"><path d="M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z"/></svg>');
}
#myGrid input[type=checkbox] + label:before,
.slick-gridmenu-list input[type=checkbox] + label:before,
.slick-columnpicker-list input[type=checkbox] + label:before {
opacity: 0.2; /* unchecked icon */
}
#myGrid input[type=checkbox]:checked + label:before,
.slick-gridmenu-list input[type=checkbox]:checked + label:before,
.slick-columnpicker-list input[type=checkbox]:checked + label:before {
opacity: 1; /* checked icon */
Expand Down

0 comments on commit 7816ce0

Please sign in to comment.