Fix small issues at icons

Leonardo Merlin
1 parent f0e2f769
Showing 24 changed files with 6 additions and 7 deletions Show diff stats
src/app/components/category-list/category-list.html
src/app/components/category-list/category-list.scss
src/app/index.scss
src/app/pages/programas/programas.scss
src/assets/images/icons/tema-agricultura-small.png
src/assets/images/icons/tema-cidades-small.png
src/assets/images/icons/tema-cultura-small.png
src/assets/images/icons/tema-cultura.png
src/assets/images/icons/tema-desenvolvimento-produtivo-small.png
src/assets/images/icons/tema-educacao-small.png
src/assets/images/icons/tema-educacao.png
src/assets/images/icons/tema-esporte-small.png
src/assets/images/icons/tema-gestao-publica-small.png
src/assets/images/icons/tema-igualdade-small.png
src/assets/images/icons/tema-infraestrutura-small.png
src/assets/images/icons/tema-meio-ambiente-small.png
src/assets/images/icons/tema-meio-ambiente.png
src/assets/images/icons/tema-reducao-da-pobreza-small.png
src/assets/images/icons/tema-reducao-da-pobreza.png
src/assets/images/icons/tema-saude-small.png
@@ -13,7 +13,7 @@
         ng-click="vm.selectCategory(category, $event)">
  
         <span class="category-list--icon-circle"  aria-hidden="true" ng-class="category.slug"></span>
-        <span class="category-list--icon icon" aria-hidden="true" ng-class="'icon-tema-' + category.slug"></span>
+        <span class="category-list--icon icon" aria-hidden="true" ng-class="'icon-tema-' + category.slug + '-small'"></span>
         <span class="category-list--label">{{::category.name}}</span>
         <span class="category-list--icon--right glyphicon glyphicon-chevron-right hidden-xs" ng-hide="vm.selectedCategory.slug === category.slug"></span>
         <span class="category-list--icon--right glyphicon glyphicon-remove hidden-xs" ng-show="vm.selectedCategory.slug === category.slug"></span>
@@ -79,9 +79,9 @@
  
     .category-list--icon {
         position: absolute;
-        top: -16px;
-        left: -14px;
-        transform: scale(0.35);
+        top: 6px;
+        left: 6px;
+        // transform: scale(0.4);
     }
  
     .category-list--icon--right {
@@ -220,7 +220,6 @@ body {
         height: 40px;
  
         .icon {
-            // transform: scale(0.7);
             position: relative;
             top: -8px;
             left: -8px;
@@ -47,8 +47,8 @@
             display: block;
             position: relative;
             top: -8px;
-            left: -6px;
-            transform: scale($icon-scale);
+            left: -8px;
+            // transform: scale($icon-scale);
         }
  
         .contraste & {
...	...	@@ -13,7 +13,7 @@
13	13	ng-click="vm.selectCategory(category, $event)">
14	14
15	15	<span class="category-list--icon-circle" aria-hidden="true" ng-class="category.slug"></span>
16		- <span class="category-list--icon icon" aria-hidden="true" ng-class="'icon-tema-' + category.slug"></span>
	16	+ <span class="category-list--icon icon" aria-hidden="true" ng-class="'icon-tema-' + category.slug + '-small'"></span>
17	17	<span class="category-list--label">{{::category.name}}</span>
18	18	<span class="category-list--icon--right glyphicon glyphicon-chevron-right hidden-xs" ng-hide="vm.selectedCategory.slug === category.slug"></span>
19	19	<span class="category-list--icon--right glyphicon glyphicon-remove hidden-xs" ng-show="vm.selectedCategory.slug === category.slug"></span>
...	...
...	...	@@ -79,9 +79,9 @@
79	79
80	80	.category-list--icon {
81	81	position: absolute;
82		- top: -16px;
83		- left: -14px;
84		- transform: scale(0.35);
	82	+ top: 6px;
	83	+ left: 6px;
	84	+ // transform: scale(0.4);
85	85	}
86	86
87	87	.category-list--icon--right {
...	...
...	...	@@ -220,7 +220,6 @@ body {
220	220	height: 40px;
221	221
222	222	.icon {
223		- // transform: scale(0.7);
224	223	position: relative;
225	224	top: -8px;
226	225	left: -8px;
...	...
...	...	@@ -47,8 +47,8 @@
47	47	display: block;
48	48	position: relative;
49	49	top: -8px;
50		- left: -6px;
51		- transform: scale($icon-scale);
	50	+ left: -8px;
	51	+ // transform: scale($icon-scale);
52	52	}
53	53
54	54	.contraste & {
...	...