Commit 51ce46d068b2ddf1a4c6c431fa054135f7e35781

Authored by Leonardo Merlin
2 parents c9aa9939 05c7cdcb

Merge branch 'rafael' into merlin

.editorconfig
... ... @@ -2,7 +2,7 @@
2 2 root = true
3 3  
4 4 [*]
5   -indent_style = space
  5 +indent_style = spaces
6 6 indent_size = 2
7 7 end_of_line = lf
8 8 charset = utf-8
... ...
.gitignore
... ... @@ -4,3 +4,5 @@ bower_components/
4 4 .idea/
5 5 .tmp/
6 6 dist/
  7 +.editorconfig
  8 +.gitignore
... ...
src/app/components/cadastro-proposta/cadastro-proposta.html
1 1 <div id="message" class="envio-proposta">
2   - <div class="row linha-proposta">
3   - <div class="col-sm-8">
4   - <span class="titulo-envio-proposta">Faça sua proposta</span>
5   - <p>
6   - Aqui você cadastra sua proposta e ajuda a construir um Brasil melhor.
7   - </p>
8   - </div>
9   - </div>
10   - <div class="row linha-proposta">
11   - <div class="col-sm-8">
12   - <p>Você está fazendo uma proposta para o programa:</p>
13   - <div class="bloco-programa">
14   - <span class="texto-programa">Nome do progama</span>
15   - </div>
16   - </div>
17   - </div>
18   - <form role="form" name="testeForm" ng-submit="pageSignin.login(pageSignin.credentials)" novalidate>
19   - <div class="form-group">
20   - <div class="row linha-proposta">
21   - <div class="col-sm-8">
22   - <span>Descrição da proposta*</span>
23   - <div class="teste"><a tabindex="0" class="btn btn-link link-popover" role="button" data-toggle="popover" data-trigger="focus">?</a></div>
24   - <textarea id="proposta" name="proposta" class="texto-proposta form-control"
25   - ng-class="{ 'has-error' : testeForm.proposta.$invalid && testeForm.proposta.$touched }"
26   - ng-model="proposta"
27   - required ng-maxlength="200" ></textarea>
28   - <validation-messages field="testeForm.proposta" maxlength="'Ops, esse campo não pode ser maior que 200 caracteres.'"/>
29   - <span class="pull-left">*Dados obrigatórios</span>
30   - <span class="pull-right">Máx. 200 caracteres</span>
31   - </div>
32   - </div>
33   - </div>
34   - <div class="form-group">
35   - <div class="col-sm-4">
36   - <button class="btn btn-lg btn-block btn-submit" type="submit">Enviar Proposta</button>
37   - </div>
38   - </div>
39   -</form>
  2 + <div class="row linha-proposta">
  3 + <div class="col-sm-8">
  4 + <span class="titulo-envio-proposta">Faça sua proposta</span>
  5 + <p>
  6 + Aqui você cadastra sua proposta e ajuda a construir um Brasil melhor.
  7 + </p>
  8 + </div>
  9 + </div>
  10 + <div class="row linha-proposta">
  11 + <div class="col-sm-8">
  12 + <p>Você está fazendo uma proposta para o programa:</p>
  13 + <div class="bloco-programa">
  14 + <span class="texto-programa">Nome do progama</span>
  15 + </div>
  16 + </div>
  17 + </div>
  18 + <form role="form" name="formPropostas" ng-submit="pageSignin.login(pageSignin.credentials)" novalidate>
  19 + <div class="form-group">
  20 + <div class="row linha-proposta">
  21 + <div class="col-sm-8">
  22 + <span>Descrição da proposta*</span>
  23 + <a tabindex="0" class="btn btn-link btn-question" role="button" data-toggle="popover" data-trigger="focus">?</a>
  24 + <textarea id="proposta" name="proposta" class="texto-proposta form-control"
  25 + ng-class="{ 'has-error' : formPropostas.proposta.$invalid && formPropostas.proposta.$touched }"
  26 + ng-model="proposta"
  27 + required ng-maxlength="200" ></textarea>
  28 + <validation-messages field="formPropostas.proposta" maxlength="'Ops, esse campo não pode ser maior que 200 caracteres.'"/>
  29 + <span class="pull-left">*Dados obrigatórios</span>
  30 + <span class="pull-right">Máx. 200 caracteres</span>
  31 + </div>
  32 + </div>
  33 + </div>
  34 + <div class="form-group">
  35 + <div class="col-sm-4">
  36 + <button class="btn btn-lg btn-block btn-submit" type="submit">Enviar Proposta</button>
  37 + </div>
  38 + </div>
  39 + </form>
40 40 </div>
... ...
src/app/components/cadastro-proposta/cadastro-proposta.scss
1 1 .envio-proposta {
2 2  
3   - .titulo-envio-proposta{
4   - color: #2D7B66;
5   - }
6   -
7   - .bloco-programa {
8   - border-color: gray;
9   - border-width: 1px;
10   - border-style: solid;
11   - border-radius: 5px;
12   - padding: 15px;
13   - }
14   -
15   - .texto-programa {
16   - font-weight: 600;
17   - }
18   -
19   - .linha-proposta {
20   - margin-bottom: 40px;
21   - }
22   -
23   - .texto-proposta {
24   - width: 100%;
25   - height: 200px;
26   - resize: none;
27   - }
28   -
29   - .popover .fade .right .in {
30   - top: 0px!important;
31   - }
32   -
33   - .popover-content {
34   - width: 300px;
35   - }
36   -
37   - .popover-title {
38   - display: none;
39   - }
40   -
41   - .teste {
42   - border-radius: 10px;
43   - width: 20px;
44   - height: 20px;
45   - display: inline-block;
46   - background-color: lightyellow;
  3 + .titulo-envio-proposta{
  4 + color: #2D7B66;
  5 + font-size: 30px
  6 + }
  7 +
  8 + .bloco-programa {
  9 + border-color: gray;
  10 + border-width: 1px;
  11 + border-style: solid;
  12 + border-radius: 5px;
  13 + padding: 15px;
  14 + }
  15 +
  16 + .texto-programa {
  17 + font-weight: 600;
  18 + }
  19 +
  20 + .linha-proposta {
  21 + margin-bottom: 40px;
  22 + }
  23 +
  24 + .texto-proposta {
  25 + width: 100%;
  26 + height: 200px;
  27 + resize: none;
  28 + }
  29 +
  30 + .popover .fade .right .in {
  31 + top: 0px!important;
  32 + }
  33 +
  34 + .popover-content {
  35 + width: 300px;
  36 + }
  37 +
  38 + .popover-title {
  39 + display: none;
47 40 }
48 41  
49 42 .link-popover {
50   - font-size: 15px;
51   - color: gray;
52   - padding: 0px 7px;
53   - border-style: none;
  43 + font-size: 15px;
  44 + color: gray;
  45 + padding: 0px 7px;
  46 + border-style: none;
54 47 }
  48 +
55 49 }
... ...
src/app/components/proposal-list/proposal-list.html
1 1 <div class="proposal-list">
2   -
3 2 <div class="table-responsive" ng-if="vm.loading">
4 3 <div class="table-responsive">Carregando...</div>
5 4 </div>
... ... @@ -16,7 +15,6 @@
16 15 </thead>
17 16 <tbody>
18 17 <tr ng-repeat="proposal in vm.proposals">
19   -
20 18 <td class="color-theme-fg">
21 19 <span class="position">{{::($index+1)}}º</span>
22 20 </td>
... ...
src/app/components/proposal-list/proposal-list.scss
... ... @@ -16,18 +16,6 @@
16 16 }
17 17 }
18 18  
19   - .btn-question {
20   - color: #484848;
21   - background-color: #fff;
22   - display: inline-block;
23   - text-align: center;
24   - width: 22px;
25   - height: 22px;
26   - margin-left: 10px;
27   - padding: 0;
28   - border-radius: 100%;
29   - }
30   -
31 19 .popover {
32 20 color: #484848;
33 21 }
... ...
src/app/index.scss
... ... @@ -18,6 +18,7 @@ $icon-font-path: &quot;../../bower_components/bootstrap-sass-official/assets/fonts/bo
18 18 // -------------
19 19  
20 20 $gray: #f1f1f1;
  21 +$defaultblue: #5E749D;
21 22  
22 23 // -------------
23 24  
... ... @@ -30,7 +31,6 @@ $scale: 1.1;
30 31 $time: .2s;
31 32 $darken: 15%;
32 33  
33   -
34 34 // -------------
35 35  
36 36 body {
... ...
src/app/layout.scss
... ... @@ -115,6 +115,15 @@
115 115 }
116 116 }
117 117  
  118 +.btn-submit {
  119 + background-color: $defaultblue;
  120 + color: #fff;
  121 + font-weight: bold;
  122 +
  123 + &:hover,
  124 + &:focus {color: #fff;}
  125 +}
  126 +
118 127 .has-error {
119 128 border-color: #FF0000;
120 129 border-width: 1px;
... ... @@ -178,3 +187,15 @@
178 187 // -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
179 188 // background-color: black;
180 189 // }
  190 +
  191 +.btn-question {
  192 + color: #484848;
  193 + background-color: #fff;
  194 + display: inline-block;
  195 + text-align: center;
  196 + width: 22px;
  197 + height: 22px;
  198 + margin-left: 10px;
  199 + padding: 0;
  200 + border-radius: 100%;
  201 +}
... ...
src/app/pages/auth/auth.scss
1 1 .auth-content{
2 2  
3   - .btn-submit {
4   - background-color: #5E749D;
5   - color: #fff;
6   - font-weight: bold;
7   - }
8   -
9 3 .btn-social {
10 4 color: #fff;
11 5 font-weight: bold;
... ...
src/app/pages/auth/change.html
... ... @@ -6,67 +6,40 @@
6 6 </div>
7 7 </div>
8 8 </div>
9   -<section
10   - role="main"
11   - class="section-gray auth-content">
  9 +<section role="main" class="section-gray">
12 10 <div class="container">
13 11 <div class="row">
14   - <!-- Mostra só se estiver logado -->
15 12 <div ng-if="pageSignin.currentUser">
16 13 <div class="row">
17 14 <div class="col-sm-8 col-sm-offset-2">
18 15 <h3>Você está logado!</h3>
19 16 <button
20   - type="button"
21   - ng-click="pageSignin.onClickLogout()"
22   - class="btn btn-primary">Sair</button>
  17 + type="button"
  18 + ng-click="pageSignin.onClickLogout()"
  19 + class="btn btn-primary">Sair</button>
23 20 </div>
24 21 </div>
25 22 </div>
26   - <!-- Mostra só se não estiver logado -->
27 23 <div ng-if="!pageSignin.currentUser">
28 24 <br>
29 25 <div class="col-sm-8 col-sm-offset-2">
30 26 <div class="row">
31 27 <div class="col-md-12">
32   - <form
33   - name="changePassForm"
34   - ng-submit="">
  28 + <form name="changePassForm" ng-submit="">
35 29 <div class="row">
36 30 <div class="col-md-6">
37 31 <div class="form-group">
38 32 <label for="inputPassword">Senha*</label>
39   - <input
40   - type="password"
41   - id="inputPassword"
42   - name="inputPassword"
43   - class="form-control input-lg"
44   - ng-class="{ 'has-error' : changePassForm.inputPassword.$invalid && changePassForm.inputPassword.$touched }"
45   - ng-model="password"
46   - required>
47   - <div ng-show="changePassForm.inputPassword.$touched">
48   - <div ng-messages="changePassForm.inputPassword.$error">
49   - <div ng-messages-include="app/pages/geral/error-messages.html"></div>
50   - </div>
51   - </div>
  33 + <input type="password" id="inputPassword" name="inputPassword" class="form-control input-lg" ng-class="{ 'has-error' : changePassForm.inputPassword.$invalid && changePassForm.inputPassword.$touched }" ng-model="password" required>
  34 + <validation-messages field="changePassForm.inputPassword"/>
52 35 </div>
53 36 </div>
54 37 <div class="col-md-6">
55 38 <div class="form-group">
56 39 <label for="inputRepeatPassword">Confirmar senha*</label>
57 40 <input
58   - type="password"
59   - id="inputRepeatPassword"
60   - name="inputRepeatPassword"
61   - class="form-control input-lg"
62   - ng-class="{ 'has-error' : changePassForm.inputRepeatPassword.$invalid && changePassForm.inputRepeatPassword.$touched }"
63   - ng-model="repeatPassword"
64   - required>
65   - <div ng-show="changePassForm.inputRepeatPassword.$touched">
66   - <div ng-messages="changePassForm.inputRepeatPassword.$error">
67   - <div ng-messages-include="app/pages/geral/error-messages.html"></div>
68   - </div>
69   - </div>
  41 + type="password" id="inputRepeatPassword" name="inputRepeatPassword" class="form-control input-lg" ng-class="{ 'has-error' : changePassForm.inputRepeatPassword.$invalid && changePassForm.inputRepeatPassword.$touched }" ng-model="repeatPassword" required>
  42 + <validation-messages field="changePassForm.inputRepeatPassword"/>
70 43 </div>
71 44 </div>
72 45 </div>
... ... @@ -82,8 +55,8 @@
82 55 <div class="col-md-6 col-sm-offset-3">
83 56 <div class="form-group">
84 57 <button
85   - class="btn btn-lg btn-block btn-submit"
86   - type="submit">Confirmar alteração de senha</button>
  58 + class="btn btn-lg btn-block btn-submit"
  59 + type="submit">Confirmar alteração de senha</button>
87 60 </div>
88 61 </div>
89 62 </div>
... ... @@ -91,7 +64,8 @@
91 64 </div>
92 65 </div>
93 66 </div>
94   - <br></div>
  67 + <br>
  68 + </div>
95 69 </div>
96 70 </div>
97   -</section>
98 71 \ No newline at end of file
  72 +</section>
... ...
src/app/pages/auth/recover.html
1 1 <div class="container">
2   - <div class="row">
3   - <div class="col-sm-12">
4   - <h2>Esqueci minha senha</h2>
5   - <h5>
6   - Calma, podemos ajudar! Informe o seu e-mail que a gente envia um link de alteração.
7   - </h5>
8   - </div>
9   - </div>
  2 + <div class="row">
  3 + <div class="col-sm-12">
  4 + <h2>Esqueci minha senha</h2>
  5 + <h5>
  6 + Calma, podemos ajudar! Informe o seu e-mail que a gente envia um link de alteração.
  7 + </h5>
  8 + </div>
  9 + </div>
10 10 </div>
11   -<section
12   - role="main"
13   - class="section-gray auth-content">
14   - <div class="container">
15   - <div class="row">
16   - <!-- Mostra só se estiver logado -->
17   - <div ng-if="pageSignin.currentUser">
18   - <div class="row">
19   - <div class="col-sm-8 col-sm-offset-2">
20   - <h3>Você está logado!</h3>
21   - <button
22   - type="button"
23   - ng-click="pageSignin.onClickLogout()"
24   - class="btn btn-primary">Sair</button>
25   - </div>
26   - </div>
27   - </div>
28   - <!-- Mostra só se não estiver logado -->
29   - <div ng-if="!pageSignin.currentUser">
30   - <br>
31   - <div class="col-sm-8 col-sm-offset-2">
32   - <div class="row">
33   - <div class="col-md-12">
34   - <form
35   - name="recoverPassForm"
36   - ng-submit="pageSignin.login(pageSignin.credentials)">
37   - <div class="form-group">
38   - <label for="inputUsername">E-mail*</label>
39   - <input
40   - type="email"
41   - id="inputUsername"
42   - name="inputUsername"
43   - class="form-control input-lg"
44   - ng-class="{ 'has-error' : recoverPassForm.inputUsername.$invalid && recoverPassForm.inputUsername.$touched }"
45   - ng-model="pageSignin.credentials.username"
46   - required />
47   - <div ng-show="recoverPassForm.inputUsername.$touched">
48   - <div ng-messages="recoverPassForm.inputUsername.$error">
49   - <div ng-messages-include="app/pages/geral/error-messages.html"></div>
50   - </div>
51   - </div>
52   - </div>
53   - <div class="form-group">
54   - <div class="input-group">
55   - <label for="inputPassword">Digite o texto desta imagem</label>
56   - <br>
57   - <span>Aqui vai um CAPTCHA</span>
58   - </div>
59   - </div>
60   - <div class="form-group">
61   - <button
62   - class="btn btn-lg btn-block btn-submit"
63   - type="submit">Solicitar alteração de senha</button>
64   - </div>
65   - </form>
66   - </div>
67   - </div>
68   - </div>
69   - <br></div>
70   - </div>
71   - </div>
72   -</section>
73 11 \ No newline at end of file
  12 +<section role="main" class="section-gray">
  13 + <div class="container">
  14 + <div class="row">
  15 + <div ng-if="pageSignin.currentUser">
  16 + <div class="row">
  17 + <div class="col-sm-8 col-sm-offset-2">
  18 + <h3>Você está logado!</h3>
  19 + <button type="button" ng-click="pageSignin.onClickLogout()" class="btn btn-primary">Sair</button>
  20 + </div>
  21 + </div>
  22 + </div>
  23 + <div ng-if="!pageSignin.currentUser">
  24 + <br>
  25 + <div class="col-sm-8 col-sm-offset-2">
  26 + <div class="row">
  27 + <div class="col-md-12">
  28 + <form name="recoverPassForm" ng-submit="pageSignin.login(pageSignin.credentials)">
  29 + <div class="form-group">
  30 + <label for="inputUsername">E-mail*</label>
  31 + <input type="email" id="inputUsername" name="inputUsername" class="form-control input-lg" ng-class="{ 'has-error' : recoverPassForm.inputUsername.$invalid && recoverPassForm.inputUsername.$touched }" ng-model="pageSignin.credentials.username" required />
  32 + <validation-messages field=" recoverPassForm.inputUsername"/>
  33 + </div>
  34 + <div class="form-group">
  35 + <div class="input-group">
  36 + <label for="inputPassword">Digite o texto desta imagem</label>
  37 + <br>
  38 + <span>Aqui vai um CAPTCHA</span>
  39 + </div>
  40 + </div>
  41 + <div class="form-group">
  42 + <button class="btn btn-lg btn-block btn-submit" type="submit">Solicitar alteração de senha</button>
  43 + </div>
  44 + </form>
  45 + </div>
  46 + </div>
  47 + </div>
  48 + <br>
  49 + </div>
  50 + </div>
  51 + </div>
  52 +</section>
... ...
src/app/pages/auth/signin.html
... ... @@ -8,7 +8,6 @@
8 8 <section role="main" class="section-gray auth-content">
9 9 <div class="container">
10 10 <div class="row">
11   - <!-- Mostra só se estiver logado -->
12 11 <div ng-if="pageSignin.currentUser">
13 12 <div class="row">
14 13 <div class="col-sm-8 col-sm-offset-2">
... ... @@ -17,7 +16,6 @@
17 16 </div>
18 17 </div>
19 18 </div>
20   - <!-- Mostra só se não estiver logado -->
21 19 <div ng-if="!pageSignin.currentUser">
22 20 <div class="col-sm-6">
23 21 <div class="row">
... ... @@ -28,7 +26,6 @@
28 26 <div class="form-group">
29 27 <label for="signin-form--login">E-mail*</label>
30 28 <input type="email" id="signin-form--login" name="login" class="form-control input-lg" ng-class="{ 'has-error' : signinForm.login.$invalid && signinForm.login.$touched }" ng-model="pageSignin.signin.username" required/>
31   - <!-- Diretiva validation-messages -->
32 29 <validation-messages field="signinForm.login"/>
33 30 </div>
34 31 <div class="form-group">
... ...
src/app/pages/duvidas/duvidas.html
1   -<div class="container page--duvidas">
2   - <h1>TODO: Home > Dúvidas</h1>
3   -</div>
  1 +<div class="page--duvidas">
  2 + <div class="container">
  3 + <div class="row">
  4 + <div class="col-sm-12">
  5 + <h2>Dúvidas frequentes</h2>
  6 + <p>Talvez a sua dúvida já tenha uma resposta. Caso contrário, você pode enviar sua pergunta pelo campo abaixo que em breve responderemos.</p>
  7 + </div>
  8 + </div>
  9 + </div>
  10 +
  11 + <section role="duvidas" class="section-gray">
  12 + <div class="container">
  13 + <div class="row">
  14 + <div class="panel-group" id="accordion-duvidas" role="tablist" aria-multiselectable="false">
  15 +
  16 + <div class="panel panel-default">
  17 + <div class="panel-heading" role="tab" id="duvida-01" class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion-duvidas" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
  18 + <span class="num-duvida">1</span>
  19 + <span class="panel-title">O que é o Dialoga Brasil?</span>
  20 + <span class="glyphicon glyphicon-chevron-down icon-white pull-right" aria-hidden="true" >
  21 + </div>
  22 + <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="duvida-01">
  23 + <div class="panel-body">
  24 + Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
  25 + </div>
  26 + </div>
  27 + </div>
  28 + </div>
  29 + </div>
  30 + </div>
  31 + </section>
  32 +
  33 +
  34 + <section role="formulario" >
  35 + <div class="container">
  36 + <div class="row">
  37 + <h2>Tem outras dúvidas ou sugestões?</h2>
  38 + </div>
  39 +
  40 + <div class="row">
  41 + <form role="form" name="duvidasForm" ng-submit="" novalidate>
  42 + <div class="form-group">
  43 + <label for="inputAssunto">Assunto*</label>
  44 + <select id="inputAssunto" name="inputAssunto" class="form-control input-lg dark-input" ng-model="data.inputAssunto" required>
  45 + <option value="">---Please select---</option>
  46 + <option value="">---Please select---</option>
  47 + <option value="">---Please select---</option>
  48 + <option value="">---Please select---</option>
  49 + <option value="">---Please select---</option>
  50 + </select>
  51 + <validation-messages field="duvidasForm.inputAssunto"/>
  52 + </div>
  53 + <div class="row">
  54 + <div class="col-sm-6">
  55 + <div class="form-group">
  56 + <span>Nome*</span>
  57 + <input type="text" id="inputNome" name="inputNome" class="form-control input-lg light-input" ng-class="{ 'has-error' : duvidasForm.inputNome.$invalid && duvidasForm.inputNome.$touched }" ng-model="senha" ng-minlength="" ng-maxlength="" required>
  58 + <validation-messages field="duvidasForm.inputNome"/>
  59 + </div>
  60 + </div>
  61 + <div class="col-sm-6">
  62 + <div class="form-group">
  63 + <span>E-mail*</span>
  64 + <input type="email" id="inputEmai" name="inputEmai" class="form-control input-lg light-input" ng-class="{ 'has-error' : duvidasForm.inputEmai.$invalid && duvidasForm.inputEmai.$touched }" ng-model="senhaRepetida" ng-minlength="" ng-maxlength="" required>
  65 + <validation-messages field="duvidasForm.inputEmai"/>
  66 + </div>
  67 + </div>
  68 + </div>
  69 + <div class="form-group">
  70 + <span>Mensagem*</span>
  71 + <textarea id="mensagem" name="mensagem" class="mensagem-text-area form-control light-input" ng-class="{ 'has-error' : duvidasForm.mensagem.$invalid && duvidasForm.mensagem.$touched }" ng-model="mensagem" required ></textarea>
  72 + <validation-messages field="duvidasForm.mensagem"/>
  73 + </div>
  74 + <span class="pull-left">*Dados obrigatórios</span>
  75 + <div class="row">
  76 + <div class="col-sm-4 form-group pull-right">
  77 + <button class="btn btn-lg btn-block btn-submit" type="submit">Enviar Mensagem</button>
  78 + </div>
  79 + </div>
  80 + </form>
  81 + </div>
  82 + </div>
  83 + </section>
  84 + </div>
... ...
src/app/pages/duvidas/duvidas.scss 0 → 100644
... ... @@ -0,0 +1,36 @@
  1 +.page--duvidas {
  2 +
  3 + .num-duvida {
  4 + color: #FFF;
  5 + background-color: $defaultblue;
  6 + display: inline-block;
  7 + text-align: center;
  8 + width: 45px;
  9 + height: 45px;
  10 + margin-left: 10px;
  11 + padding: 0;
  12 + border-radius: 100%;
  13 + font-size: 18px;
  14 + padding-top: 10px;
  15 + }
  16 +
  17 + .panel-default > .panel-heading {
  18 + background-color: #fff;
  19 + border-color: #ddd;
  20 + }
  21 +
  22 + .mensagem-text-area {
  23 + width: 100%;
  24 + height: 200px;
  25 + resize: none;
  26 + }
  27 +
  28 + .dark-input {
  29 + background-color: #DADADA;
  30 + }
  31 +
  32 + .light-input {
  33 + background-color: #F1F1F1;
  34 + }
  35 +
  36 +}
... ...
src/assets/images/icons/sprite.png

106 KB | W: | H:

107 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin