fix odd/even sub-section styles

Leonardo Merlin
1 parent 51159c6c
Showing 2 changed files with 4 additions and 10 deletions Show diff stats
src/app/pages/programas/programa.html
src/app/pages/programas/programas.scss
@@ -230,7 +230,7 @@
             </div>
             <div ng-if="pagePrograma.proposalsTopRated">
                 <div ng-repeat="proposal in pagePrograma.proposalsTopRated">
-                    <div class="sub-section sub-section-{{::proposal.id}}">
+                    <div class="sub-section sub-section-{{::proposal.id}}" ng-class="{'sub-section-even': ( ($index+1) % 2 === 0), 'sub-section-odd': ( ($index+1) % 2 === 1)}">
                         <div class="container">
                             <div class="row">
                                 <div class="col-sm-4 col-md-3">
@@ -262,15 +262,9 @@
         h3 {
             font-weight: bold;
         }
-        .sub-section{
-            &:nth-child(odd) {
-                background-color: #f1f1f1;
-            }
-            
-            &:nth-child(even) {
-                background-color: #ffffff;
-            }
-        }
+        
+        .sub-section-odd {background-color: #f1f1f1; }
+        .sub-section-even {background-color: #ffffff; }
         .gov-response {
             background-color: #e1e1e1;
	@@ -230,7 +230,7 @@		@@ -230,7 +230,7 @@
230	</div>	230	</div>
231	<div ng-if="pagePrograma.proposalsTopRated">	231	<div ng-if="pagePrograma.proposalsTopRated">
232	<div ng-repeat="proposal in pagePrograma.proposalsTopRated">	232	<div ng-repeat="proposal in pagePrograma.proposalsTopRated">
233	- <div class="sub-section sub-section-{{::proposal.id}}">	233	+ <div class="sub-section sub-section-{{::proposal.id}}" ng-class="{'sub-section-even': ( ($index+1) % 2 === 0), 'sub-section-odd': ( ($index+1) % 2 === 1)}">
234	<div class="container">	234	<div class="container">
235	<div class="row">	235	<div class="row">
236	<div class="col-sm-4 col-md-3">	236	<div class="col-sm-4 col-md-3">