tonyair/silverstripe-framework
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-framework synced 2024-06-29 07:59:31 +02:00
Code Issues Projects Releases Wiki Activity

Fix add fieldgroup specific flexbox styles to the inner fields

Browse Source
This commit is contained in:
Christopher Joe 2017-02-27 16:57:52 +13:00 committed by Damian Mooyman
parent 5388ff41ec
commit cbc5aca26a
2 changed files with 52 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
admin/client/dist/styles/bundle.css vendored
View File

@ -14943,6 +14943,37 @@ div.TreeDropdownField a.jstree-loading .jstree-pageicon{
color:#66727d;
}
.fieldgroup--fill-width>.form__field-holder>.fieldgroup{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:100%;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
}
.fieldgroup--fill-width>.form__field-holder>.fieldgroup>.field:last-child{
margin-right:0;
}
.fieldgroup--fill-height>.form__field-holder>.fieldgroup{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:100%;
min-height:0;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}
.fieldgroup--fill-height>.form__field-holder>.fieldgroup>.field:last-child{
margin-bottom:0;
}
.list-group{
margin-left:-1.5385rem;
margin-right:-1.5385rem;

21
admin/client/src/components/FieldGroup/FieldGroup.scss
View File

@ -13,3 +13,24 @@
}
}
}
.fieldgroup--fill-width > .form__field-holder > .fieldgroup {
display: flex;
width: 100%;
flex-direction: row;
> .field:last-child {
margin-right: 0;
}
}
.fieldgroup--fill-height > .form__field-holder > .fieldgroup {
display: flex;
height: 100%;
min-height: 0; // See https://www.fxsitecompat.com/en-GB/docs/2014/initial-value-of-min-width-height-on-flex-items-has-been-reverted-to-auto/
flex-direction: column;
> .field:last-child {
margin-bottom: 0;
}
}