From cd7a6cb7e0d87f216629c3dd7c2c755088c6ab94 Mon Sep 17 00:00:00 2001
From: eduardogusmao <31075edu>
Date: Thu, 5 Sep 2019 15:22:00 -0300
Subject: [PATCH] Formatando o accordeon do curso

---
 pix/collapsed-new.png   | Bin 0 -> 970 bytes
 pix/expanded-new.png    | Bin 0 -> 961 bytes
 scss/preset/custom.scss |  68 +++++++++++++++++++++++++++++++++++++++-
 scss/preset/theme.scss  |   3 +-
 style/custom.css        |  26 ---------------
 5 files changed, 69 insertions(+), 28 deletions(-)
 create mode 100644 pix/collapsed-new.png
 create mode 100644 pix/expanded-new.png

diff --git a/pix/collapsed-new.png b/pix/collapsed-new.png
new file mode 100644
index 0000000000000000000000000000000000000000..2905a3c9f726b662c47a2e6d74dd1270119afd70
GIT binary patch
literal 970
zcmV;*12z1KP)<h;3K|Lk000e1NJLTq000^Q000^Y1^@s6sY*=F00001b5ch_0Itp)
z=>Px&gh@m}R7ef2mdQ^PQ4oi#UN<mJWc1(|*%FN=xWsr;G|_;GIG{$2=s)0rC}I?j
zoH!USf(f!{JQ(k4+@dTJ9TQEAUfh?spi#j9Az>6|VY<tz?rE4|lVx54_4>W4@Aqo@
z^?QZzpO)@FzFq<BM}!g}$_2n2Cxm+0{vg0E3*c6?qvh>PD4cFG&3|H}j%FhQ7ER}q
zI8H#1Vx*lM?Pz+LIPUf*3l-PthNu4=uf7Vo5x^H9xWkTt7{KRfgua8JsdR|uX`~kb
z(00ypAJ4BMZh+Vv3j1mxP{;1$Em^3zVyWTL?{OBJ7%*TF)P}wNm*MJFb39~<-r>WV
zC+It(5YDjZQqJyqC>+}jflC9f_qY%{8-IL{S!4@m@zWyO5$S0C>^jcIX80>tE5wHk
z&112rp{)LG?jrd;JIx3#tG7i6deFqexrzuyVkDM-z#d^4L0>~04|YZwrN;_1P#<_O
zXo9sl(thEi>o6Z1=RM<CZ_L8A(az=%c19YhdI9n~Y51Q=X6bQ~znK;w3}K0nj&xS6
z%Jf%cb6$ISmkou<7)w<q7t+EJlASvw?97s?97UuZvVjOUptF8>A@HQwK<i%?xgleO
zW;t&X^xF=EH<KJw@}O)XRH{_*2ewj}rWJda5_ST_G)LdZA6Mx7)#q@E5E;$xPVlk2
zGrjbw=0@6E>|N|~B7^iT)5lM&p$JKHCi*<CL&|KHo*^vJ;EeDWXS60G&CHGfd`c9V
zxI&q8Gnr~GF;@D*<P9!Lzj!miR~gilzD{f^o2I3$6&?b0E3&NiIDB6!MQj$)ezAP0
zw<-Slt~&x$4#ky=oPG-aJFJ63LNu?bk^9X(+`q?9i#;AZl>!MHVY3jH2z#XCQm?%o
z(|1;F&~<vngF!w73*``8h+y)eYHo;jUVLL8s?o0I*L+HzXSi2WR+q7>GJn28601l(
z5Ee6=L_}C)_faUTuSPB_zDIKTSbE_pJ61GTF^Q2_-pM)6#n)HuGLpVzC_CXZ$h^y9
zn|L)`+)!gEJW>mRD`7WaO1rh%Fuc*z>|f17TxalAj@lk*YwCCXlZ9k-VsS#y&7-&2
z(J4;I_y)s+D&3owKUSO&9^foi&b~Nt<=M`?+=3^jWgd0kNdn65PR?k8hh0FT#pRUR
s#a~_?PcM(V{ATMEkYwJTPQb<e1GPPGJrz_Qw*UYD07*qoM6N<$g7YKB8~^|S

literal 0
HcmV?d00001

diff --git a/pix/expanded-new.png b/pix/expanded-new.png
new file mode 100644
index 0000000000000000000000000000000000000000..f049813c3dcbb70bffc86839314e7629e0a1236a
GIT binary patch
literal 961
zcmV;y13vtTP)<h;3K|Lk000e1NJLTq000^Q000^Y1^@s6sY*=F00001b5ch_0Itp)
z=>Px&dr3q=R7ef2R?BZpVH7{-yEC1+6CD;t(uahQR9RSgB}6TBiUdLb0SnP0w26?e
zx)2+!r1~ITh<%Ay&{o4pNQ4dXswgFBrEQuhomc1H<D7fv>a?`()SSgV-{W_FzkBZe
z9tYtcmKQ#>N&)ObgsnhS1b~Hh2o19TOn^Nm!1ZKT>#NzQaHdIb_{eGx8chhec_vKe
zH~~FKk#=;VtND56xYPbqsI1<j`-ji++aE?Y0(cJuHyId70rVvk^a*rL<w3GoBToqc
zZQ?9<^87Ml1H_hCJX8yjdWKKhRH3p13w6KeHfOPh2}VqUx_EH-B6M^ZlOca;RaR>L
zvCw{naGFIIa&}K+@zi#Rw2wIGNg)R7KSB>#WIbo`#U$F2=xXb8fNs1mT)kW&-e=Nc
z7JD4aAKvJ^B>!jI^sz+^mI%QB8n`Z75n+)SiRBMCAYA%bs4-0sRz|*xsuB%UFAt6x
zV6IJco`35A=Hk<QPdGN1GO;w--O_7iq>*Y6LjEU>|0^Oq!XaGJ_8^@RkAd)k0zmHo
zud?q^3KT(i!?;ZRx0O}T3;5s*ufq9YV38uy_F1F|S92yJgpszN{9~?4lhD}9iv+{c
z;oddN=k%d0AyleDacWD2+b~nFbE+Yn#>AU6=MoR^`a)TIiHU;#=|X{uL%gNjTeP#)
zTE$L8Vw64xLfm5wMM#=GG30juIrI4*pKyr=XM|rlqZK}{QIG(5mnky+4KwH5w1txw
zxF~()#Q+~9NK>AbZi2JHXqvZF@Ceke$TU0C!8@}dafKz?B{)9R?<oF!SL`6#3%to(
z5x4=_TzdqHXk1p&yDbCUzAZc0@5f_qINV??E`$Zb9qno#w9dLz3QtNfcaG<kA70^x
zXf})-s=_6hlxdt0ZwV!PT3+ymImi8=rpz9_yn3-r&c!5Fk-EpRLFQ~uc3*fYJeH6&
zV);Y0a#`^`QpCs7Gyk@#%`%>iNsPquN-nf7zM&c?e#%aUZAU^n8Mjz$4ZjT+H`El1
zN9!PRDeeUP)o-ZL^<eT8<7-%m>kPiiQQHA`nui_yR3RCiUYrp0^XPR3+QkX!A7Ok{
z<psTqe-|f&yE%)c?u!#go_+S^7CbUc<Dm0TGN`QPpBYU<SOp}STu!NSyMP2fRxJC*
jPrHC5<Hk$^X)OE#&h%SC9~P3s00000NkvXXu0mjfPoTL>

literal 0
HcmV?d00001

diff --git a/scss/preset/custom.scss b/scss/preset/custom.scss
index a1e56ff..2f14dbb 100644
--- a/scss/preset/custom.scss
+++ b/scss/preset/custom.scss
@@ -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;
+}
+
diff --git a/scss/preset/theme.scss b/scss/preset/theme.scss
index 4b9156f..6dda10b 100644
--- a/scss/preset/theme.scss
+++ b/scss/preset/theme.scss
@@ -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;
             }
         }
     }
diff --git a/style/custom.css b/style/custom.css
index 74d1a84..fa01aa0 100644
--- a/style/custom.css
+++ b/style/custom.css
@@ -31,32 +31,6 @@ a{color: #474749;}
     margin-bottom: 2px;
 }
 
-/*############################################################# 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: #91288d;}
-
-/* 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;
-}
 
 
 /* ------------------------- */