add class box-header - refs #2681 An error occurred

assets/css/scss/_base.scss

@@ -131,9 +131,11 @@ hr {
   padding: 85px 20px 20px;
   min-height: calc(100vh - 61px);
   &.bg-content{
-    background-color: $theme-bg;
+    background-color: $default-background;
+  }
+  .box-body{
+    background-color: $default-white;
   }
-
   @include to($breakpoint-md) {
     padding: 85px 5px 5px;
   }
@@ -205,8 +207,6 @@ footer {
   position: relative;
 }
 
-
-
 // ---------------------------------------------------------
 // @Text Align
 // ---------------------------------------------------------
@@ -246,4 +246,11 @@ footer {
 
 .lh-0    { line-height: 0 !important; }
 .lh-1    { line-height: 1 !important; }
-.lh-3\/2 { line-height: 1.5 !important; }
+.lh-3\/2 { line-height: 1.5 !important; }
+
+.box-header{
+  color: $grey-900;
+  display: block;
+  padding: 10px;
+  position: relative;
+}

assets/css/scss/_variables.scss

@@ -37,16 +37,15 @@ $default-text-color   : #72777a;
 $default-warning      : #fc0;
 $default-white        : #fff;
 $default-active       : #006b9e;
+$default-background   : #FFFFFF;
 
 // ---------------------------------------------------------
 // OTHERS
 // ---------------------------------------------------------
 
-
 $collapsed-size       : 70px;
 $header-height        : 65px;
 $offscreen-size       : 280px;
-$theme-bg             : #FFFFFF;
 
 // ---------------------------------------------------------
 // FONTS

assets/css/themes/chamilo/default.css

@@ -21,33 +21,3 @@ a:focus {
 a:focus {
   outline: none;
 }
-
-.badge-warning{
-  background-color: #FD6600;
-}
-.breadcrumb{
-  padding: 8px 15px;
-  margin-bottom: 21px;
-  list-style: outside none none;
-  background-color: #ECF0F1;
-}
-.breadcrumb > .active{
-  color: #95a5a6;
-}
-.panel-default{
-  border-color: #ECF0F1;
-}
-/* Jquery UI */
-.ui-accordion .ui-accordion-icons{
-  padding-left: 0.2em;
-}
-/* End Jquery UI */
-.bgfooter{
-  background-color:#1A2226;
-}
-.bgfooter{
-  color: #ffffff;
-}
-.bgfooter a{
-  color: #ffffff;
-}

src/CoreBundle/Resources/views/Index/page.html.twig

@@ -1,7 +1,12 @@
 {% if is_granted('ROLE_ADMIN') and show_edit_page_link %}
-<a href="{{ _p.web_public ~ 'internal_page/edit/' ~ slug }}" class="btn btn-primary" >
-    <i class="fas fa-edit"></i> {{ "header.edit_page"|trans({}, 'SonataPageBundle') }}
-</a>
+    <div class="box-header">
+        <div class="float-right">
+            <a title="{{ "header.edit_page"|trans({}, 'SonataPageBundle') }}" href="{{ _p.web_public ~ 'internal_page/edit/' ~ slug }}" class="btn btn-light btn-sm" >
+                <i class="fas fa-pencil-alt"></i>
+            </a>
+        </div>
+        <h5>{{ "IntroductionOfPlatform"|trans }}</h5>
+    </div>
 {% endif %}
 
 {{ sonata_page_render_container('content', page) }}

src/CoreBundle/Resources/views/News/slider.html.twig

@@ -1,6 +1,13 @@
 {% autoescape false %}
-    <div class="page-header">
-        <h4>{{ "SystemAnnouncements" | get_lang }}</h4>
+    <div class="box-header">
+        {% if is_granted('ROLE_ADMIN') %}
+            <div class="float-right">
+                <a  href="{{ url('legacy_index') }}main/admin/system_announcements.php" class="btn btn-light btn-sm" >
+                    <i class="fas fa-pencil-alt"></i>
+                </a>
+            </div>
+        {% endif %}
+        <h5>{{ "SystemAnnouncements" | get_lang }}</h5>
     </div>
     <div id="carousel-announcement" class="carousel slide" data-ride="carousel">
         <ol class="carousel-indicators">

src/CoreBundle/Resources/views/default/layout/hot_courses.html.twig

@@ -20,27 +20,28 @@ $(document).ready( function() {
     });
 });
 </script>
-<section class="hot-courses">
-    <div class="hot-course-head">
-        <h4 class="hot-course-title">
-            {{ "HottestCourses"|get_lang}}
+
+    <div class="box-header">
+        <h5>
             {% if is_granted('ROLE_ADMIN') %}
-            <span class="pull-right">
-                <a title="{{ "Hide"|get_lang }}"
-                   alt="{{ "Hide"|get_lang }}"
-                   href="{{ url('admin_settings') }}/search_settings?keyword=show_hot_courses&submit_button=&_qf__search_settings=&category=search_setting"
-                >
-                    <i class="fa fa-eye" aria-hidden="true"></i>
-                </a>
-            </span>
+                <div class="float-right">
+                    <a title="{{ "Hide"|get_lang }}"
+                       alt="{{ "Hide"|get_lang }}"
+                       class="btn btn-light btn-sm"
+                       href="{{ url('admin_settings') }}/search_settings?keyword=show_hot_courses&submit_button=&_qf__search_settings=&category=search_setting"
+                    >
+                        <i class="fas fa-pencil-alt"></i>
+                    </a>
+                </div>
             {% endif %}
-        </h4>
+            {{ "HottestCourses"|get_lang}}
+        </h5>
     </div>
     <div class="grid-courses">
         <div class="row">
             {% include '@ChamiloCore/default/layout/hot_course_item.html.twig' %}
         </div>
     </div>
-</section>
+
 {% endif %}
 {% endautoescape %}

src/ThemeBundle/Resources/views/Layout/base-layout.html.twig

@@ -95,10 +95,12 @@
         <!-- MAIN CONTENT -->
         {% autoescape false %}
         <main class='main-content bg-content'>
-            <div class="container">
+            <div class="container box-body">
+                <div class="pt-1 pb-1">
                 {% block page_content %}
 
                 {% endblock %}
+                </div>
             </div>
         </main>
         {% endautoescape %}