Fix #3089

jgthms · Oct 31, 2020 · b90d492 · b90d492
1 parent 223ee44
commit b90d492
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,6 +6,7 @@
 
 * #3005 Fix `column` offsets in RTL
 * Fix #3145 Dropdown content is bounded by a parent card
+* Fix #3089 Sub columns of a variable columns have weird gap
 
 ## 0.9.1
 

diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
@@ -8197,7 +8197,7 @@ label.panel-block:hover {
   margin-right: calc(-1 * var(--columnGap));
 }
 
-.columns.is-variable .column {
+.columns.is-variable > .column {
   padding-left: var(--columnGap);
   padding-right: var(--columnGap);
 }
@@ -9394,6 +9394,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
 
 .is-clickable {
   cursor: pointer !important;
+  pointer-events: all !important;
 }
 
 .is-clipped {

diff --git a/sass/grid/columns.sass b/sass/grid/columns.sass
@@ -469,7 +469,7 @@ $column-gap: 0.75rem !default
     --columnGap: 0.75rem
     +ltr-property("margin", calc(-1 * var(--columnGap)), false)
     +ltr-property("margin", calc(-1 * var(--columnGap)))
-    .column
+    > .column
       padding-left: var(--columnGap)
       padding-right: var(--columnGap)
     @for $i from 0 through 8