library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-11-14 11:14:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix #2937

Browse Source
This commit is contained in:
Jeremy Thomas 2020-10-31 18:55:52 +00:00
parent 8f7c1a3858
commit 9787f3037e
3 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@ -7,6 +7,7 @@
* #3005 Fix `column` offsets in RTL * #3005 Fix `column` offsets in RTL
* Fix #3145 Dropdown content is bounded by a parent card * Fix #3145 Dropdown content is bounded by a parent card
* Fix #3089 Sub columns of a variable columns have weird gap * Fix #3089 Sub columns of a variable columns have weird gap
* Fix #2937 Add `width: unset` for narrow columns
### Improvements ### Improvements

7
docs/css/bulma-docs.css
View File

@ -6941,6 +6941,7 @@ label.panel-block:hover {
.columns.is-mobile > .column.is-narrow { .columns.is-mobile > .column.is-narrow {
flex: none; flex: none;
width: unset;
} }
.columns.is-mobile > .column.is-full { .columns.is-mobile > .column.is-full {
@ -7149,6 +7150,7 @@ label.panel-block:hover {
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.column.is-narrow-mobile { .column.is-narrow-mobile {
flex: none; flex: none;
width: unset;
} }
.column.is-full-mobile { .column.is-full-mobile {
flex: none; flex: none;
@ -7313,6 +7315,7 @@ label.panel-block:hover {
@media screen and (min-width: 769px), print { @media screen and (min-width: 769px), print {
.column.is-narrow, .column.is-narrow-tablet { .column.is-narrow, .column.is-narrow-tablet {
flex: none; flex: none;
width: unset;
} }
.column.is-full, .column.is-full-tablet { .column.is-full, .column.is-full-tablet {
flex: none; flex: none;
@ -7477,6 +7480,7 @@ label.panel-block:hover {
@media screen and (max-width: 1023px) { @media screen and (max-width: 1023px) {
.column.is-narrow-touch { .column.is-narrow-touch {
flex: none; flex: none;
width: unset;
} }
.column.is-full-touch { .column.is-full-touch {
flex: none; flex: none;
@ -7641,6 +7645,7 @@ label.panel-block:hover {
@media screen and (min-width: 1024px) { @media screen and (min-width: 1024px) {
.column.is-narrow-desktop { .column.is-narrow-desktop {
flex: none; flex: none;
width: unset;
} }
.column.is-full-desktop { .column.is-full-desktop {
flex: none; flex: none;
@ -7805,6 +7810,7 @@ label.panel-block:hover {
@media screen and (min-width: 1216px) { @media screen and (min-width: 1216px) {
.column.is-narrow-widescreen { .column.is-narrow-widescreen {
flex: none; flex: none;
width: unset;
} }
.column.is-full-widescreen { .column.is-full-widescreen {
flex: none; flex: none;
@ -7969,6 +7975,7 @@ label.panel-block:hover {
@media screen and (min-width: 1408px) { @media screen and (min-width: 1408px) {
.column.is-narrow-fullhd { .column.is-narrow-fullhd {
flex: none; flex: none;
width: unset;
} }
.column.is-full-fullhd { .column.is-full-fullhd {
flex: none; flex: none;

7
sass/grid/columns.sass
View File

@ -8,6 +8,7 @@ $column-gap: 0.75rem !default
padding: $column-gap padding: $column-gap
.columns.is-mobile > &.is-narrow .columns.is-mobile > &.is-narrow
flex: none flex: none
width: unset
.columns.is-mobile > &.is-full .columns.is-mobile > &.is-full
flex: none flex: none
width: 100% width: 100%
@ -65,6 +66,7 @@ $column-gap: 0.75rem !default
+mobile +mobile
&.is-narrow-mobile &.is-narrow-mobile
flex: none flex: none
width: unset
&.is-full-mobile &.is-full-mobile
flex: none flex: none
width: 100% width: 100%
@ -123,6 +125,7 @@ $column-gap: 0.75rem !default
&.is-narrow, &.is-narrow,
&.is-narrow-tablet &.is-narrow-tablet
flex: none flex: none
width: unset
&.is-full, &.is-full,
&.is-full-tablet &.is-full-tablet
flex: none flex: none
@ -201,6 +204,7 @@ $column-gap: 0.75rem !default
+touch +touch
&.is-narrow-touch &.is-narrow-touch
flex: none flex: none
width: unset
&.is-full-touch &.is-full-touch
flex: none flex: none
width: 100% width: 100%
@ -258,6 +262,7 @@ $column-gap: 0.75rem !default
+desktop +desktop
&.is-narrow-desktop &.is-narrow-desktop
flex: none flex: none
width: unset
&.is-full-desktop &.is-full-desktop
flex: none flex: none
width: 100% width: 100%
@ -315,6 +320,7 @@ $column-gap: 0.75rem !default
+widescreen +widescreen
&.is-narrow-widescreen &.is-narrow-widescreen
flex: none flex: none
width: unset
&.is-full-widescreen &.is-full-widescreen
flex: none flex: none
width: 100% width: 100%
@ -372,6 +378,7 @@ $column-gap: 0.75rem !default
+fullhd +fullhd
&.is-narrow-fullhd &.is-narrow-fullhd
flex: none flex: none
width: unset
&.is-full-fullhd &.is-full-fullhd
flex: none flex: none
width: 100% width: 100%