Browse Source

update css desing session catalog BT#9887 #TMI

aragonc 9 years ago
parent
commit
da49f52214

+ 54 - 1
app/Resources/public/css/base.css

@@ -211,7 +211,18 @@ ul#navigation .report a {
     background-color: #FFFFFF;
 }
 .buttom-subscribed .btn{
-    display: block;
+    font-size: 12px;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    padding-left: 10px;
+    padding-right: 10px;
+}
+.buttom-subscribed .btn.btn-primary{
+  background-color: #EF3E3E;
+  border: none;
+}
+.buttom-subscribed .btn.btn-primary:hover{
+  background-color: #CE2121;
 }
 .session-group .items-session{
     list-style: none;
@@ -221,6 +232,7 @@ ul#navigation .report a {
 .session-group .items-session li{
     padding-bottom: 5px;
 }
+
 /* SESSION CATALOG END*/
 
 #main .nav .dropdown {
@@ -6062,6 +6074,47 @@ div#chat-remote-video video {
 #session-list .col-md-4:nth-child(3n+1) {
   clear: left;
 }
+.section-title-catalog{
+  padding-bottom: 10px;
+  border-bottom: 1px solid #ddd;
+  margin-bottom: 10px;
+  text-transform: uppercase;
+}
+#session-list .title-session{
+  font-size: 16px;
+  line-height: 1.2;
+  height: 40px;
+  margin-top: 5px;
+}
+#session-list .item{
+  display: block;
+  padding: 0;
+  border: 1px solid #dddddd;
+  margin-bottom: 20px;
+}
+#session-list .item img{
+  max-width: 100%;
+  height: auto;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+#session-list .information-item{
+  padding: 10px;
+}
+#session-list .author-session,
+#session-list .date-session{
+  font-size: 12px;
+  color: #666666;
+}
+#session-list .author-session .fa-user,
+#session-list .date-session .fa-calendar-o{
+  color: #00829C;
+  margin-right: 10px;
+}
+#session-list .options p{
+  margin: 0;
+}
 /* CSS NEW TOP ******************************************************************************/
 /* CSS Responsive */
 @media (min-width: 1025px) and (max-width: 1200px) {

+ 3 - 2
app/Resources/public/css/themes/chamilo/default.css

@@ -139,8 +139,6 @@ a:focus {
 .navbar-inverse li a{
   line-height: 30px;
   background: none !important;
-  border-right:1px solid rgba(0, 0, 0, 0.2) !important;
-  border-left:1px solid rgba(255, 255, 255, 0.1) !important;
   font-size: 12px;
   font-weight: normal;
   padding-top: 5px;
@@ -148,6 +146,9 @@ a:focus {
   padding-left: 10px;
   padding-bottom: 5px;
 }
+.navbar-fixed-top .navbar-collapse{
+  min-height:auto;
+}
 .navbar-inverse .navbar-brand{
   padding: 10px;
   font-size: 14px;

+ 1 - 1
main/auth/courses_controller.php

@@ -501,7 +501,7 @@ class CoursesController
             api_get_path(WEB_CODE_PATH)."inc/email_editor.php?action=subscribe_me_to_session&session=".
             Security::remove_XSS($sessionData);
 
-        $result = Display::url(get_lang('Subscribe'), $url, array(
+        $result = Display::url('<i class="fa fa-check-circle"></i> '.get_lang('Subscribe'), $url, array(
             'class' => 'btn btn-large btn-primary',
         ));
 

+ 38 - 33
main/template/default/auth/session_catalog.tpl

@@ -13,7 +13,7 @@
         <div class="row">
             {% if show_courses %}
                 <div class="col-md-4">
-                    <div class="section-tile">{{ 'Courses'|get_lang }}</div>
+                    <div class="section-title-catalog">{{ 'Courses'|get_lang }}</div>
                     {% if not hidden_links %}
                         <form class="form-horizontal" method="post" action="{{ course_url }}">
                             <div class="form-group">
@@ -35,7 +35,7 @@
 
             <div class="col-md-8">
                 {% if show_sessions %}
-                    <div class="section-tile">{{ 'Sessions'|get_lang }}</div>
+                    <div class="section-title-catalog">{{ 'Sessions'|get_lang }}</div>
 
                     <div class="row">
                         <div class="col-md-6">
@@ -78,58 +78,63 @@
         <div class="col-md-12">
             <div class="row">
                 {% for session in sessions %}
-                    <div class="col-md-4">
-                        <div class="thumbnail" id="session-{{ session.id }}">
+                    <div class="col-md-3">
+                        <div class="item" id="session-{{ session.id }}">
                             <img src="{{ session.image ? _p.web_upload ~ session.image : _p.web_img ~ 'session_default.png' }}">
-                            <h3 class="title-session">{{ session.name }}</h3>
-                            <ul class="list-unstyled">
-                                {% if show_tutor %}
+
+                            <div class="information-item">
+                                <h3 class="title-session">
+                                    <a href="{{ _p.web ~ 'session/' ~ session.id ~ '/about/' }}" title="{{ session.name }}">
+                                        {{ session.name }}
+                                    </a>
+                                </h3>
+                                <ul class="list-unstyled">
+                                    {% if show_tutor %}
                                     <li class="author-session">
                                         <i class="fa fa-user"></i> {{ session.coach_name }}
                                     </li>
-                                {% endif %}
-                                <li class="date-session">
-                                    <i class="fa fa-calendar-o"></i> {{ session.date }}
-                                </li>
-                                {% if session.tags %}
+                                    {% endif %}
+                                    <li class="date-session">
+                                        <i class="fa fa-calendar-o"></i> {{ session.date }}
+                                    </li>
+                                    {% if session.tags %}
                                     <li class="tags-session">
                                         <i class="fa fa-tags"></i> {{ session.tags|join(', ')}}
                                     </li>
-                                {% endif %}
-                            </ul>
-                            <div class="requirements">
-                                {% if session.requirements %}
+                                    {% endif %}
+                                </ul>
+                                <div class="requirements">
+                                    {% if session.requirements %}
                                     <h4>{{ 'Requirements'|get_lang }}</h4>
                                     <p>
                                         {% for requirement in session.requirements %}
-                                            {{ requirement.name  }}
+                                        {{ requirement.name  }}
                                         {% endfor %}
                                     </p>
-                                {% endif %}
+                                    {% endif %}
 
-                                {% if session.dependencies %}
+                                    {% if session.dependencies %}
                                     <h4>{{ 'Dependencies'|get_lang }}</h4>
                                     <p>
                                         {% for dependency in session.dependencies %}
-                                            {{ dependency.name  }}
+                                        {{ dependency.name  }}
                                         {% endfor %}
                                     </p>
-                                {% endif %}
-                            </div>
-                            <div class="options">
-                                <p>
-                                    <a href="{{ _p.web ~ 'session/' ~ session.id ~ '/about/' }}" class="btn btn-block btn-info">
-                                        <i class="fa fa-info-circle"></i> {{ "SeeInformation"|get_lang }}
-                                    </a>
-                                </p>
-                                <p class="buttom-subscribed">
-                                    {% if session.is_subscribed %}
+                                    {% endif %}
+                                </div>
+                                <div class="options">
+
+                                    <p class="buttom-subscribed">
+                                        {% if session.is_subscribed %}
                                         {{ already_subscribed_label }}
-                                    {% else %}
+                                        {% else %}
                                         {{ session.subscribe_button }}
-                                    {% endif %}
-                                </p>
+                                        {% endif %}
+                                    </p>
+                                </div>
                             </div>
+
+
                         </div>
                     </div>
                 {% else %}