Commit bab0531be7701a32fb9720a3071f5be827a40c53

Authored by Carlos Oliveira
Committed by Carlos Coêlho
1 parent a903d9ec

Started accordion

Signed-off-by: Carlos Oliveira <carloshfoliveira@linuxmail.org>
Signed-off-by: Bruna Nayara <brunanayaramlima@gmail.com>
src/colab-spb-theme-plugin/colab_spb_theme/static/css/screen.css
... ... @@ -538,7 +538,6 @@ span.highlighted {
538 538 h4.help-pane-title {
539 539 font-family: Arial;
540 540 color: #172738;
541   - text-align: justify;
542 541 }
543 542  
544 543 #btn-cadastrar {
... ... @@ -552,3 +551,14 @@ h4.help-pane-title {
552 551 font-weight: normal;
553 552 font-size: 16px;
554 553 }
  554 +
  555 +#accordion1 ul {
  556 + list-style-type: none;
  557 + padding: 0;
  558 + margin: 0;
  559 +}
  560 +
  561 +#accordion1>li>a:hover, #accordion1>li>a:focus{
  562 + background: none;
  563 +}
  564 +
... ...
src/colab-spb-theme-plugin/colab_spb_theme/templates/accounts/user_create_form.html
... ... @@ -26,92 +26,45 @@
26 26 <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12">
27 27 <div style="border-left: 1px solid #ccc; padding-left: 52px; min-height: 500px">
28 28 <h4 class="help-pane-title">Olá! Se estiver com dúvidas, temos várias maneiras para tentar te ajudar. Veja abaixo algumas opções:</h4>
29   - <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
30   - <div class="panel panel-default">
31   - <div class="panel-heading" role="tab" id="headingOne">
32   - <h4 class="panel-title">
33   - <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
34   - Como faço para me cadastrar no Portal do Software Público Brasileiro?
35   - </a>
36   - </h4>
37   - </div>
38   - <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
39   - <div class="panel-body">
40   - <div class="embed-responsive embed-responsive-16by9">
41   - <iframe class="embed-responsive-item" src="//www.youtube.com/embed/lNq0UtBqrHg" frameborder="0" width="420" height="315" allowfullscreen></iframe>
42   - </div>
43   - </div>
44   - </div>
45   - </div>
46   - <div class="panel panel-default">
47   - <div class="panel-heading" role="tab" id="headingTwo">
48   - <h4 class="panel-title">
49   - <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
50   - Como posso atribuir outro e-mail ao meu perfil?
51   - </a>
52   - </h4>
53   - </div>
54   - <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
55   - <div class="panel-body">
56   - <div class="embed-responsive embed-responsive-16by9">
57   - <iframe class="embed-responsive-item" src="//www.youtube.com/embed/U5wxjAB7LS4" frameborder="0" width="420" height="315" allowfullscreen></iframe>
58   - </div>
59   - </div>
60   - </div>
61   - </div>
62   - <div class="panel panel-default">
63   - <div class="panel-heading" role="tab" id="headingThree">
64   - <h4 class="panel-title">
65   - <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
66   - Qual o procedimento para associar-me em uma comunidade de um software?
67   - </a>
68   - </h4>
69   - </div>
70   - <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
71   - <div class="panel-body">
72   - <div class="embed-responsive embed-responsive-16by9">
73   - <iframe class="embed-responsive-item" src="//www.youtube.com/embed/uJwdZ7M1uoM" frameborder="0" width="420" height="315" allowfullscreen></iframe>
74   - </div>
75   - </div>
76   - </div>
77   - </div>
78   - <div class="panel panel-default">
79   - <div class="panel-heading" role="tab" id="headingThree">
80   - <h4 class="panel-title">
81   - <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
82   - Como faço para associar-me à uma lista de discussão de um software?
83   - </a>
84   - </h4>
85   - </div>
86   - <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
87   - <div class="panel-body">
88   - <div class="embed-responsive embed-responsive-16by9">
89   - <iframe class="embed-responsive-item" src="//www.youtube.com/embed/gKFxucHUvsU" frameborder="0" width="420" height="315" allowfullscreen></iframe>
90   - </div>
91   - </div>
92   - </div>
93   - </div>
94   - <div class="panel panel-default">
95   - <div class="panel-heading" role="tab" id="headingThree">
96   - <h4 class="panel-title">
97   - <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
98   - Como faço para participar da lista de discussão?
99   - </a>
100   - </h4>
101   - </div>
102   - <div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive">
103   - <div class="panel-body">
104   - <div class="embed-responsive embed-responsive-16by9">
105   - <iframe width="420" height="315" src="//www.youtube.com/embed/j83stOqdCBI" frameborder="0" allowfullscreen></iframe>
106   - </div>
107   - </div>
108   - </div>
  29 + <div class="row">
  30 + <div class="col-md-12">
  31 + <ul class="nav nav-stacked" id="accordion1">
  32 + <li> <a data-toggle="collapse" data-parent="#accordion1" href="#firstLink">Como faço para me cadastrar ao Portal do Software Público Brasileiro?</a>
  33 + <ul id="firstLink" class="collapse">
  34 + <li>
  35 + <div class="embed-responsive embed-responsive-4by3">
  36 + <iframe width="410" height="315" src="https://www.youtube.com/embed/lNq0UtBqrHg" frameborder="0" allowfullscreen></iframe>
  37 + </div>
  38 + </li>
  39 + </ul>
  40 + </li>
  41 + <li class="panel"> <a data-toggle="collapse" data-parent="#accordion1" href="#secondLink">Como posso atribuir outro e-mail ao meu perfil?</a>
  42 + <ul id="secondLink" class="collapse">
  43 + <li>SubTest2</li>
  44 + <li>SubTest2</li>
  45 + <li>SubTest2</li>
  46 + <li>SubTest2</li>
  47 + </ul>
  48 + </li>
  49 + <li class="panel"> <a data-toggle="collapse" data-parent="#accordion1" href="#secondLink">Qual o procedimento para associar-me em uma comunidade?</a>
  50 + <ul id="secondLink" class="collapse">
  51 + <li>SubTest2</li>
  52 + <li>SubTest2</li>
  53 + <li>SubTest2</li>
  54 + <li>SubTest2</li>
  55 + </ul>
  56 + </li>
  57 + <li><a href="#">Como faço para associar-me à uma lista de discussão?</a>
  58 + </li>
  59 + <li><a href="#">Como faço para participar da lista de discussão?</a>
  60 + </li>
  61 + </ul>
109 62 </div>
  63 + </div>
110 64 <br>
111 65 <p>Conheça também a seção completa de <a href="/social/spb/ajuda#faq">Ajuda</a></p>
112 66 <hr>
113 67 <p>Caso ainda permaneça com dúvidas fique à vontade para entrar em contato conosco através do email <a href="mailto:admin@softwarepublico.gov.br">admin@softwarepublico.gov.br</a></p>
114   - </div>
115 68 </div>
116 69 </div>
117 70 </div>
... ...