fix base.css

pull/2818/head
Alex Aragón 6 years ago
parent cad5f3e5dd
commit db3b463223
  1. 12
      assets/css/app.scss
  2. 263
      assets/css/base.css
  3. 40
      assets/css/scorm.css
  4. 139
      assets/css/scss/_base.scss
  5. 2
      main/inc/lib/document.lib.php
  6. 28
      main/template/default/skill/skill_wheel.html.twig

@ -1,3 +1,15 @@
/*
Theme Name: Chamilo Origins
URL Project: http://www.chamilo.org
Description: Styles main base of Chamilo LMS appearance, works with Bootstrap 4
Author:
alex.aragon@beeznest.com
angel.quiroz@beeznest.com
julio.montoya@beeznest.com
yannick.warnier@beeznest.com
Version: 3.0
*/
@import "~bootstrap/scss/bootstrap";
@import "~@fortawesome/fontawesome-free/css/all.css";
@import '~chosen-js/chosen.css';

@ -1,15 +1,3 @@
/*
Theme Name: Chamilo Base
URL Project: http://www.chamilo.org
Description: Styles main base of Chamilo LMS appearance, works with Bootstrap 4
Author:
alex.aragon@beeznest.com
angel.quiroz@beeznest.com
julio.montoya@beeznest.com
yannick.warnier@beeznest.com
Version: 2.0
*/
/* notifications help and bug */
.cookieUsageValidation {
@ -148,14 +136,6 @@
background: url("../../public/img/icons/22/arrow-down-collapse.png") no-repeat left center;
}
/* -------------- DOCUMENT --------------*/
#document_quota {
margin: 15px;
font-weight: bold;
color: #006633;
text-align: center;
}
/* Message and Social */
.online_grid_item {
@ -472,13 +452,6 @@ div.attendance-calendar-add div.row div.formw, div.attendance-calendar-edit div.
}
/* Makes the course elements more readable */
.session_course_item {
padding: 6px 0 6px 5px;
}
#lp_overview .thumbnail {
text-align: center;
}
.lp_resource {
list-style: none;
@ -860,45 +833,7 @@ div.attendance-calendar-add div.row div.formw, div.attendance-calendar-edit div.
overflow: hidden;
}
#lp_item_list {
margin: 0;
padding: 0;
}
#lp_item_list, #lp_item_list li {
list-style-type: none;
}
#lp_item_list .active {
border: 2px dotted #BDB76B;
}
#lp_item_list ul, #lp_item_list li {
width: 100%;
}
#lp_item_list .item_data {
padding: 0;
}
#lp_item_list .item_data span {
margin-left: 5px;
}
#lp_item_list .item {
border: none;
}
#lp_item_list .empty {
height: 5px;
}
#lp_item_list .ui-state-highlight {
height: 25px;
background: #EEEEEE;
border-radius: 5px;
border: 1px dashed #B0B0B0
}
.document_preview_container {
border-radius: 5px;
@ -1443,22 +1378,6 @@ form .formw .freeze {
background-color: #62cffc;
}
.attendance-users-table .data_table tr.row_odd {
height: 64px;
}
.attendance-users-table .data_table tr.row_even {
height: 60px;
}
.attendance-calendar-table .data_table tr.row_odd {
height: 64px;
}
.attendance-calendar-table .data_table tr.row_even {
height: 60px;
}
.form-stacked .label {
display: block;
float: none;
@ -1479,188 +1398,6 @@ form .formw .freeze {
font-size: 11px;
}
/* ****************************************************
CSS SKILL
**************************************************** */
.skill-options .legend {
border: 1px dashed #cccccc;
padding: 1em;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom: 1em;
margin-top: 1em;
background-color: #FFFFFF;
}
.skill-options .skill-home {
margin-top: 1em;
margin-bottom: 1em;
}
.skill-options .btn-block {
box-sizing: border-box;
display: block;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.skill-options .accordion-inner {
padding: 9px 15px;
/*border: 1px solid #dadada;*/
background-color: #FFFFFF;
}
.skill-options .skill-winner {
list-style: none;
margin: 0;
padding: 0;
}
.skill-options .skill-winner li {
float: left;
margin-right: 1em;
padding-bottom: 1em;
}
.skill-options .skill-winner li a {
background: url("../../public/img/icons/16/winner.png") no-repeat;
padding-left: 1.5em;
padding-bottom: 1em;
}
.search-skill ul.holder li.bit-input input {
width: 100%;
}
.skill-legend-basic {
color: #3A87AD;
}
.skill-legend-add {
color: #F89406;
}
.skill-legend-search {
color: #B94A48;
}
.skill-legend-badges {
color: #31A354;
}
.page-skill .panel-default {
border-color: #DDDDDD;
}
.page-skill .btn-default {
background-color: #F6F6F6;
}
.page-skill .btn-default:hover {
background-color: #E6E6E6;
}
.page-skill #skill_info {
font-size: 12px;
}
.page-skill #skill_wheel tspan {
font-size: 12px;
}
.page-skill .holder_simple li.bit-box a {
color: #8A6D3B;
}
.skill_partition {
cursor: pointer;
stroke: #000000;
stroke-width: 0.5px;
}
.items-user .avatar-user {
text-align: center;
margin-bottom: 10px;
}
.skill_root {
box-shadow: 2px 2px 19px #aaa;
border-radius: 6px;
background-color: #ccc;
border: 0.1em dotted #D4E06B;
color: black;
font-size: 0.9em;
height: 4em;
opacity: 0.8;
padding-top: 0.9em;
text-align: center;
width: 120px;
z-index: 40;
position: relative;
}
.skill_child {
box-shadow: 2px 2px 19px #aaa;
border-radius: 6px;
background-color: white;
border: 0.1em dotted #D4E06B;
color: black;
font-size: 0.9em;
height: 4em;
opacity: 0.8;
padding-top: 0.9em;
text-align: center;
width: 120px;
z-index: 40;
float: left;
margin-left: 20px;
margin-bottom: 20px;
margin-top: 10px;
position: relative;
}
/* ****************************************************
END SKILL
**************************************************** */
/* list template document */
#frmModel ul {
list-style: none;
margin: 0;
padding: 0 .5em 0 1em;
}
#frmModel ul li:hover {
background-color: #FAFAFA;
border: 1px solid #F2F2F2;
}
#frmModel ul li {
text-align: center;
padding-top: 1em;
padding-bottom: 1em;
}
#frmModel ul li .title, #frmModel ul li .description {
padding-top: .5em;
padding-bottom: .5em;
width: auto;
font-size: 12px;
line-height: 16px;
}
.lp-add-item {
display: block;
height: 550px;
position: relative;
}
.items-templates {
display: block;
height: 750px;
}
/* end list template document */
.done_window {

@ -6,6 +6,46 @@ See https://support.chamilo.org/issues/6976
/* LP SCORM */
/* Default LP left column values */
#lp_item_list {
margin: 0;
padding: 0;
}
#lp_item_list, #lp_item_list li {
list-style-type: none;
}
#lp_item_list .active {
border: 2px dotted #BDB76B;
}
#lp_item_list ul, #lp_item_list li {
width: 100%;
}
#lp_item_list .item_data {
padding: 0;
}
#lp_item_list .item_data span {
margin-left: 5px;
}
#lp_item_list .item {
border: none;
}
#lp_item_list .empty {
height: 5px;
}
#lp_item_list .ui-state-highlight {
height: 25px;
background: #EEEEEE;
border-radius: 5px;
border: 1px dashed #B0B0B0
}
.audio-scorm #container {
min-height: 45px;
margin-bottom: 5px;

@ -2310,3 +2310,142 @@ footer {
background: none;
}
}
.card-quota {
margin: 15px;
font-weight: bold;
color: #006633;
text-align: center;
}
/****** SKILLS ******/
.skill-options{
.legend {
border: 1px dashed #cccccc;
padding: 1em;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom: 1em;
margin-top: 1em;
background-color: #FFFFFF;
}
.skill-home {
margin-top: 1em;
margin-bottom: 1em;
}
.btn-block {
box-sizing: border-box;
display: block;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.accordion-inner {
padding: 9px 15px;
background-color: #FFFFFF;
}
.skill-winner {
list-style: none;
margin: 0;
padding: 0;
li {
float: left;
margin-right: 1em;
padding-bottom: 1em;
a {
background: url("../../public/img/icons/16/winner.png") no-repeat;
padding-left: 1.5em;
padding-bottom: 1em;
}
}
}
}
.search-skill ul.holder li.bit-input input {
width: 100%;
}
.skill-legend-basic {
color: #3A87AD;
}
.skill-legend-add {
color: #F89406;
}
.skill-legend-search {
color: #B94A48;
}
.skill-legend-badges {
color: #31A354;
}
.skill_partition {
cursor: pointer;
stroke: #000000;
stroke-width: 0.5px;
}
.skill_root {
box-shadow: 2px 2px 19px #aaa;
border-radius: 6px;
background-color: #ccc;
border: 0.1em dotted #D4E06B;
color: black;
font-size: 0.9em;
height: 4em;
opacity: 0.8;
padding-top: 0.9em;
text-align: center;
width: 120px;
z-index: 40;
position: relative;
}
.skill_child {
box-shadow: 2px 2px 19px #aaa;
border-radius: 6px;
background-color: white;
border: 0.1em dotted #D4E06B;
color: black;
font-size: 0.9em;
height: 4em;
opacity: 0.8;
padding-top: 0.9em;
text-align: center;
width: 120px;
z-index: 40;
float: left;
margin-left: 20px;
margin-bottom: 20px;
margin-top: 10px;
position: relative;
}
/****** LIST TEMPLATE DOCUMENT ******/
#frmModel{
display: block;
height: 750px;
ul {
list-style: none;
margin: 0;
padding: 0 .5em 0 1em;
li{
text-align: center;
padding-top: 1em;
padding-bottom: 1em;
.title, .description{
padding-top: .5em;
padding-bottom: .5em;
width: auto;
font-size: 12px;
line-height: 16px;
}
&:hover{
background-color: #FAFAFA;
border: 1px solid #F2F2F2;
}
}
}
}

@ -3049,7 +3049,7 @@ class DocumentManager
$message = get_lang('YouAreCurrentlyUsingXOfYourX');
$message = sprintf($message, $already_consumed_space_m, $percentage.'%', $course_quota_m.' ');
return Display::div($message, ['id' => 'document_quota']);
return Display::div($message, ['id' => 'document_quota', 'class' => 'card-quota']);
}
/**

@ -497,8 +497,8 @@
<em class="fa fa-home"></em> {{ "ReturnToCourseList"|get_lang }}
</a>
</div>
<div class="panel panel-default">
<div class="panel-body">
<div class="card">
<div class="card-body">
<div id="saved_profiles"></div>
<h4 class="page-header">{{ 'WhatSkillsAreYouLookingFor'|get_lang }}</h4>
<div class="search-skill">
@ -523,23 +523,23 @@
</div>
<hr>
<p>
<a class="btn btn-block btn-default load_root" rel="0" href="#">
<a class="btn btn-block btn-primary load_root" rel="0" href="#">
<em class="fa fa-eye"></em> {{ "ViewSkillsWheel"|get_lang }}
</a>
</p>
</div>
</div>
<div class="panel-group" id="wheel-second-accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="wheel-legend-heading">
<h4 class="panel-title">
<div class="accordion" id="wheel-second-accordion" role="tablist" aria-multiselectable="true">
<div class="card">
<div class="card-header" role="tab" id="wheel-legend-heading">
<h4 class="card-title">
<a role="button" data-toggle="collapse" data-parent="#wheel-second-accordion" href="#wheel-legend-collapse" aria-expanded="true" aria-controls="wheel-legend-collapse">
{{ "Legend"|get_lang }}
</a>
</h4>
</div>
<div id="wheel-legend-collapse" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="wheel-legend-heading">
<div class="panel-body">
<div id="wheel-legend-collapse" class="collapse in" role="tabpanel" aria-labelledby="wheel-legend-heading">
<div class="card-body">
<ul class="fa-ul">
<li>
<em class="fa fa-li fa-square skill-legend-basic"></em> {{ "BasicSkills"|get_lang }}
@ -554,16 +554,16 @@
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="wheel-display-heading">
<h4 class="panel-title">
<div class="card">
<div class="card-header" role="tab" id="wheel-display-heading">
<h4 class="card-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#wheel-second-accordion" href="#wheel-display-collapse" aria-expanded="false" aria-controls="wheel-display-collapse">
{{ 'DisplayOptions' | get_lang }}
</a>
</h4>
</div>
<div id="wheel-display-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="wheel-display-heading">
<div class="panel-body">
<div id="wheel-display-collapse" class="collapse" role="tabpanel" aria-labelledby="wheel-display-heading">
<div class="card-body">
<p>{{ 'ChooseABackgroundColor' | get_lang }}</p>
<ul class="list-unstyled" id="skill-change-background-options">
<li><a href="#" data-color="#FFFFFF">{{ 'White' | get_lang }}</a></li>

Loading…
Cancel
Save