Formatando o accordeon do curso

This commit is contained in:
eduardogusmao
2019-09-05 15:22:00 -03:00
parent 05b931a5a6
commit cd7a6cb7e0
5 changed files with 69 additions and 28 deletions

View File

@@ -117,7 +117,7 @@ section#inicial{
button {
width: 100%;
margin: 4px 0 0 0;
background-color: #EA902E;
background-color: $color_padrao_laranja;
font-weight: 400;
font-size: 14px;
color: #ffffff;
@@ -366,3 +366,69 @@ section#inicial{
background-color: #fff;
}
/* ################################### Accordeon @collapsibletopics ################################# */
#page-course-view-collapsibletopics{
.course-content{
ul.collapsibletopics{
li.section{
margin-bottom: 10px;
border: 1px solid #e1e1e1;
.content{
padding: 0;
}
a.sectiontoggle{
display: block;
background-color: #e1e1e1;
background-position: 2% 50%;
background-size: 24px;
padding: 6px 4px 10px 45px;
margin: 0px;
&[aria-expanded="false"]{
background-image: url([[pix:theme|collapsed-new]]);
}
&[aria-expanded="true"]{
background-image: url([[pix:theme|expanded-new]]);
}
.sectionname{
color: $color_padrao_azul;
font-size: 18px;
font-weight: 700;
}
}
.sectiontoggle-bottom{display: none;}
}
li#section-0{
border: 0px;
}
}
}
}
/*############################################################# Barra de progresso*/
/* My */
#region-main .block-myoverview .progress{border-radius: 0px;}
.block .block-cards .progress{height: 0.7rem;}
#region-main .block-myoverview .progress .progress-bar{background-color: $color_padrao_laranja;}
/* Course page */
.barra_progresso{
/*font-family: "Poppins",sans-serif;*/
margin-bottom: 30px;
}
.barra_progresso > .progresso{background-color: #ebebeb;}
.barra_progresso > .progresso > .andamento{
height: 20px;
background-color: #91288d;
}
.barra_progresso > .progresso > .andamento > label{
color: #fff;
float: right;
font-weight: 400;
font-size: 14px;
padding: 0;
margin: 0 6px 0 0;
}

View File

@@ -43,6 +43,7 @@ $color_monatana: #373a3c;
$color_whisper: #e6e6e6;
$color_light_gray: #f8f9fa;
$color_padrao_azul: #0A486B;
$color_padrao_laranja: #E7920C;
//fonts
$font_0: 'Lato';
@@ -4575,7 +4576,7 @@ button.close, .moodle-dialogue-base button.closebutton {
.progress {
border-radius: 5px;
.progress-bar {
background-color: $blaze_orange;
background-color: $color_padrao_laranja;
}
}
}