Updated changelog and minor improvements

Author: benatespina

CHANGELOG.md

@@ -6,6 +6,8 @@ To get the diff for a specific change, go to https://github.com/LIN3S/AdminBundl
 To get the diff between two versions, go to https://github.com/LIN3S/AdminBundle/compare/v0.4.0...v0.5.0
 
 * 0.6.0
+    * Added sticky behaviour to the form right sidebar.
+    * Made JavaScript and CSS code compatible with IE11.
     * Imported `parsleyjs` module in the js entry file.
     * Updated lin3s-front-foundation dependency from v0.6.0 to v0.6.1.
     * Updated lin3s-front-foundation dependency from v0.5.0 to v0.6.0.

src/LIN3S/AdminBundle/Resources/private/js/components/FormSidebar.js

@@ -7,6 +7,7 @@
  * file that was distributed with this source code.
  *
  * @author Andrés Montejo <andres@lin3s.com>
+ * @author Beñat Espiña <benatespina@gmail.com>
  */
 
 import {onDomReady} from 'lin3s-event-bus';
@@ -43,14 +44,13 @@ class FormSidebar {
 }
 
 const onReady = () => {
-  const rootNode = document.querySelector('.form-sidebar');
+  const formSidebars = document.querySelectorAll('.form-sidebar');
 
-  if (null === rootNode) {
+  if (formSidebars.length === 0) {
     return;
   }
 
-  new FormSidebar(rootNode);
-
+  Array.from(formSidebars).forEach((rootNode) => new FormSidebar(rootNode));
 };
 
 onDomReady(onReady);

src/LIN3S/AdminBundle/Resources/private/scss/components/_form.scss

@@ -138,15 +138,18 @@ select {
 }
 
 @media #{$large-up} {
+  $one-third: 100% / 3;
+  $two-thirds: 100% / 3 * 2;
+
   .form__column--left {
-    flex: 1 1 66.666%;
-    max-width: 66.666%;
+    flex: 1 1 $two-thirds;
+    max-width: $two-thirds;
     padding-right: 15px;
   }
 
   .form__column--right {
-    flex: 1 1 33.333%;
-    max-width: 33.333%;
+    flex: 1 1 $one-third;
+    max-width: $one-third;
     padding-left: 15px;
   }
 }