Skip to content

Commit 554bd00

Browse files
committed
Move field list row-gap 5px to all viewports
1 parent 2317284 commit 554bd00

6 files changed

Lines changed: 7 additions & 11 deletions

dist/mastodon-bird-ui-accessible-plus.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/mastodon-bird-ui-accessible.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/mastodon-bird-ui-light.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/mastodon-bird-ui-stars.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/mastodon-bird-ui.css

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
/* Mastodon Bird UI v4.0.0-alpha.6 - https://github.com/ronilaukkarinen/mastodon-bird-ui */
12
:root {
23
--color-text-primary: #fff;
34
--color-text-secondary: #717c9b;
@@ -1981,7 +1982,7 @@ body.layout-single-column, body.layout-multiple-columns {
19811982
}
19821983

19831984
.layout-single-column .account__header__bio dl[class*="fieldList"], .layout-multiple-columns .account__header__bio dl[class*="fieldList"] {
1984-
gap: var(--gap-default);
1985+
gap: 5px var(--gap-default);
19851986
flex-wrap: wrap;
19861987
margin: 0 0 20px;
19871988
display: flex;
@@ -2056,10 +2057,6 @@ body.layout-single-column, body.layout-multiple-columns {
20562057
}
20572058

20582059
@media (width <= 700px) {
2059-
.layout-single-column .account__header__bio dl[class*="fieldList"], .layout-multiple-columns .account__header__bio dl[class*="fieldList"] {
2060-
row-gap: 5px;
2061-
}
2062-
20632060
.layout-single-column .account__header__bio dl[class*="fieldList"] > div[class*="fieldItem"], .layout-single-column .account__header__bio dl[class*="fieldList"] > div[class*="fieldItem"] dt, .layout-single-column .account__header__bio dl[class*="fieldList"] > div[class*="fieldItem"] dd, .layout-multiple-columns .account__header__bio dl[class*="fieldList"] > div[class*="fieldItem"], .layout-multiple-columns .account__header__bio dl[class*="fieldList"] > div[class*="fieldItem"] dt, .layout-multiple-columns .account__header__bio dl[class*="fieldList"] > div[class*="fieldItem"] dd {
20642061
font-size: var(--font-size-mid);
20652062
}
@@ -4552,4 +4549,3 @@ html.no-reduce-motion .detailed-status__action-bar .icon-button.star-icon.activa
45524549
.layout-multiple-columns .column-select__menu * {
45534550
color: var(--color-fg);
45544551
}
4555-
/*# sourceMappingURL=mastodon-bird-ui.css.map */

src/components/profile/_profile-field-layout.scss

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
#{$field-list} {
77
display: flex;
88
flex-wrap: wrap;
9-
gap: var(--gap-default);
9+
gap: 5px var(--gap-default);
1010
line-height: var(--line-height-mid) !important;
1111
margin: 0;
1212
margin-bottom: 20px;
@@ -84,10 +84,6 @@
8484

8585
// Mobile field adjustments
8686
@media (width <= 700px) {
87-
#{$field-list} {
88-
row-gap: 5px;
89-
}
90-
9187
#{$field-list} > #{$field-item},
9288
#{$field-list} > #{$field-item} dt,
9389
#{$field-list} > #{$field-item} dd {

0 commit comments

Comments
 (0)