update css desing session catalog BT#9887 #TMI

1.10.x
aragonc 10 years ago
parent f4d6d5b47e
commit da49f52214
  1. 55
      app/Resources/public/css/base.css
  2. 5
      app/Resources/public/css/themes/chamilo/default.css
  3. 2
      main/auth/courses_controller.php
  4. 71
      main/template/default/auth/session_catalog.tpl

@ -211,7 +211,18 @@ ul#navigation .report a {
background-color: #FFFFFF; background-color: #FFFFFF;
} }
.buttom-subscribed .btn{ .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{ .session-group .items-session{
list-style: none; list-style: none;
@ -221,6 +232,7 @@ ul#navigation .report a {
.session-group .items-session li{ .session-group .items-session li{
padding-bottom: 5px; padding-bottom: 5px;
} }
/* SESSION CATALOG END*/ /* SESSION CATALOG END*/
#main .nav .dropdown { #main .nav .dropdown {
@ -6062,6 +6074,47 @@ div#chat-remote-video video {
#session-list .col-md-4:nth-child(3n+1) { #session-list .col-md-4:nth-child(3n+1) {
clear: left; 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 NEW TOP ******************************************************************************/
/* CSS Responsive */ /* CSS Responsive */
@media (min-width: 1025px) and (max-width: 1200px) { @media (min-width: 1025px) and (max-width: 1200px) {

@ -139,8 +139,6 @@ a:focus {
.navbar-inverse li a{ .navbar-inverse li a{
line-height: 30px; line-height: 30px;
background: none !important; 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-size: 12px;
font-weight: normal; font-weight: normal;
padding-top: 5px; padding-top: 5px;
@ -148,6 +146,9 @@ a:focus {
padding-left: 10px; padding-left: 10px;
padding-bottom: 5px; padding-bottom: 5px;
} }
.navbar-fixed-top .navbar-collapse{
min-height:auto;
}
.navbar-inverse .navbar-brand{ .navbar-inverse .navbar-brand{
padding: 10px; padding: 10px;
font-size: 14px; font-size: 14px;

@ -501,7 +501,7 @@ class CoursesController
api_get_path(WEB_CODE_PATH)."inc/email_editor.php?action=subscribe_me_to_session&session=". api_get_path(WEB_CODE_PATH)."inc/email_editor.php?action=subscribe_me_to_session&session=".
Security::remove_XSS($sessionData); 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', 'class' => 'btn btn-large btn-primary',
)); ));

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

Loading…
Cancel
Save