Skip to content

Commit 7b46990

Browse files
committed
Replace width 100% with flex grow
Firefox and chrome interpret 100% inside a flex layout differently. Chrome tries to assign the `spacer` a width of 100% by shrinking the public record component. Leading to a screwed display. By telling the browsers that the spacer should expand instead of that the spacer should fill the full width, both firefox and chrome display the component correctly.
1 parent cbd3591 commit 7b46990

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

user-interface/src/main/java/life/qbic/datamanager/views/account/AccountContentBox.java

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@ public AccountContentBox(String orcidId, URI record) {
4242
publicRecord.add(new Anchor(record.toString(), "View public record", AnchorTarget.BLANK));
4343

4444
var spacer = new Div();
45-
spacer.setWidthFull();
45+
spacer.addClassNames("dynamic-growing-flex-item");
4646

4747
add(iconContainer, accountInfo, spacer, publicRecord);
4848
}

0 commit comments

Comments
 (0)