Skip to content

Instantly share code, notes, and snippets.

Bastien Lemaire blemaire

  • NewAccess
  • Geneva
Block or report user

Report or block blemaire

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
blemaire /
Last active May 13, 2019
Example responsibe form

Explanations of the issue

This GIST was created to explain an issue we are going to encounter when we start using responsive forms. In short, the current spacing between rows and columns is different (40px between columns and 26px between rows) When switching from row layout to column layout (on small screens) the gaps will not be consistent between each form controls.

the gap between the elements of the same row will be correct (26px) but the gap between each row will be (26px) resulting in a very strange looking form.

The current api of the layout library (@angular/flex-layout) would mean we'd have to write something like this:

View example.js
function makeTreeView() {
var officesWithNegs = [];
var officeCodesWithNegCodes = UserEnvironment.lookups.officeNegotiators;
var office;
for (var key in officeCodesWithNegCodes) {
// Initialise this office
office = {
negs: buildOfficeNegotiators()
You can’t perform that action at this time.