full calendar bootstrap 4 -refs #2681

assets/css/scss/_sidebar.scss

@@ -69,10 +69,10 @@
   color: $grey-0;
 }
 .app-footer{
-  background: #3094DC;
-  border-top: 1px solid #3094DC;
+  background: $background-footer;
+  border-top: 1px solid $border-footer;
   color: #ffffff;
 }
 .app-footer a{
   color: #ffc500;
-}
+}

assets/css/scss/_variables.scss

@@ -55,7 +55,9 @@ $header-link          : #54667a;
 $header-hover         : #ff3c7e;
 $breadcrumb-color     : #d2f1ff;
 $select-color         : #ced4da;
-
+//FOOTER
+$background-footer     : #28506a;
+$border-footer        : #28506a;
 // ---------------------------------------------------------
 // OTHERS
 // ---------------------------------------------------------

main/template/default/agenda/month.html.twig

@@ -53,14 +53,17 @@ $(document).ready(function() {
     });
 
     var calendar = $('#calendar').fullCalendar({
+        themeSystem: 'bootstrap4',
+        contentHeight: 650,
+        handleWindowResize: true,
 		header: {
-			left: 'today,prev,next',
+			left: 'prev,next today',
 			center: 'title',
-			right: 'month,agendaWeek,agendaDay,listDay,listWeek,listMonth'
+			right: 'month,agendaWeek,agendaDay,listMonth'
 		},
         views: {
-            listDay: { buttonText: 'list day' },
-            listWeek: { buttonText: 'list week' },
+            /*listDay: { buttonText: 'list day' },
+            listWeek: { buttonText: 'list week' },*/
             listMonth: { buttonText: 'list month' },
         },
         locale: region_value,

src/ThemeBundle/Resources/views/Layout/layout_one_col.html.twig

@@ -38,13 +38,21 @@
         </section>
 
         {% block chamilo_messages %}
-        {% include '@ChamiloTheme/FlashMessage/render.html.twig' %}
+            <section class="container-fluid">
+                {% include '@ChamiloTheme/FlashMessage/render.html.twig' %}
+            </section>
         {% endblock %}
 
         {# Content #}
         {% block content %}
         <section class="container-fluid">
-            {{ content }}
+
+            <div class="card mb-4">
+                <div class="card-body">
+                    {{ content }}
+                </div>
+            </div>
+
         </section>
         {% endblock %}
         {% endautoescape %}