Merge branch 'improve-resposta'

Leonardo Merlin
2 parents fb916223 ea99eebc
Showing 3 changed files with 36 additions and 1 deletions Show diff stats
src/app/content.scss
src/app/pages/programas/programa.html
src/assets/images/icons/compromissos.png
@@ -29,4 +29,39 @@
 	        }
 		}
 	}
+}
+
+.row-compromissos {
+
+	height: 89px;
+	background-color: #fff;
+
+	h3 {
+		margin-top: 30px;
+	}
+
+	.icon-wrapper {
+		width: 61px;
+	    height: 61px;
+	    float: left;
+	    border-radius: 100%;
+	    margin: 14px 14px 14px 0;
+	}
+
+	.icon {
+		position: relative;
+	    top: 7px;
+	    left: 11px;
+	}
+
+    @each $category, $color in $categories {
+        .#{$category} & {
+            color: $color;
+
+	        .icon-wrapper {
+	        	background-color: $color;
+	        }
+        }
+
+    }
 }
 \ No newline at end of file
@@ -268,7 +268,7 @@
                                     <div ng-if="proposal.response.loading" class="alert alert-info" role="alert">Carregando a resposta e compromisso do governo.</div>
                                     <div ng-if="proposal.response.error" class="alert alert-warning" role="alert">Erro ao carregar a resposta e compromisso. Tente novamente ou <a ui-sref="duvidas">entre em contato</a>.</div>
                                     <div ng-if="proposal.response.content">
-                                        <h3 class="color-theme-fg">Compromissos:</h3>
+                                        <h3 class="color-theme-fg">Respostas do governo:</h3>
                                         <div class="gov-response--content">
                                             <div ng-bind-html="proposal.response.content"></div>
                                         </div>
...	...	@@ -29,4 +29,39 @@
29	29	}
30	30	}
31	31	}
	32	+}
	33	+
	34	+.row-compromissos {
	35	+
	36	+ height: 89px;
	37	+ background-color: #fff;
	38	+
	39	+ h3 {
	40	+ margin-top: 30px;
	41	+ }
	42	+
	43	+ .icon-wrapper {
	44	+ width: 61px;
	45	+ height: 61px;
	46	+ float: left;
	47	+ border-radius: 100%;
	48	+ margin: 14px 14px 14px 0;
	49	+ }
	50	+
	51	+ .icon {
	52	+ position: relative;
	53	+ top: 7px;
	54	+ left: 11px;
	55	+ }
	56	+
	57	+ @each $category, $color in $categories {
	58	+ .#{$category} & {
	59	+ color: $color;
	60	+
	61	+ .icon-wrapper {
	62	+ background-color: $color;
	63	+ }
	64	+ }
	65	+
	66	+ }
32	67	}
33	68	\ No newline at end of file
...	...
...	...	@@ -268,7 +268,7 @@
268	268	<div ng-if="proposal.response.loading" class="alert alert-info" role="alert">Carregando a resposta e compromisso do governo.</div>
269	269	<div ng-if="proposal.response.error" class="alert alert-warning" role="alert">Erro ao carregar a resposta e compromisso. Tente novamente ou <a ui-sref="duvidas">entre em contato</a>.</div>
270	270	<div ng-if="proposal.response.content">
271		- <h3 class="color-theme-fg">Compromissos:</h3>
	271	+ <h3 class="color-theme-fg">Respostas do governo:</h3>
272	272	<div class="gov-response--content">
273	273	<div ng-bind-html="proposal.response.content"></div>
274	274	</div>
...	...