Fix gov response styles

Leonardo Merlin
1 parent fb916223
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,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	\ No newline at end of file	68	\ No newline at end of file
	@@ -268,7 +268,7 @@		@@ -268,7 +268,7 @@
268	<div ng-if="proposal.response.loading" class="alert alert-info" role="alert">Carregando a resposta e compromisso do governo.</div>	268	<div ng-if="proposal.response.loading" class="alert alert-info" role="alert">Carregando a resposta e compromisso do governo.</div>
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>	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	<div ng-if="proposal.response.content">	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	<div class="gov-response--content">	272	<div class="gov-response--content">
273	<div ng-bind-html="proposal.response.content"></div>	273	<div ng-bind-html="proposal.response.content"></div>
274	</div>	274	</div>