fix software highlight block size and behavior with differents image proportions

Melissa Wen · Álvaro Fernando Matos de Souza
1 parent cb66b73a
Showing 1 changed file with 16 additions and 13 deletions Show diff stats
src/noosfero-spb-theme/css/home-page.css
@@ -374,8 +374,8 @@
   border: 1px solid #c0c1c1;
   border-radius: 8px;
   width: auto;
-  height: 248px;
-  max-height: 250px;
+  height: 270px;
+  max-height: 270px;
   background-color: #e8e9ec;
   background-image: linear-gradient(
     0deg,
@@ -385,37 +385,39 @@
 }
 .action-home-index #content .highlights-container {
-  border-radius: 8px;
+  border-radius: 8px 8px 0px 0px;
   border-width: 0px 0px 1px 0px;
   border-bottom: none;
   padding: 0;
   width: 100% !important;
-  max-height: 230px;
-  background: transparent;
+  max-height: 240px;
+  background: #FFF;
   position: relative;
   top: 0;
 }
 .action-home-index #content .highlights-image-link {
-  padding: 18px 0px 0px 0px;
+  display: block;
+  padding: 0px;
   border-radius: 0px 0px 8px 8px;
-  width: 220px;
-  max-height: 217px;
+  height: 250px !important;
   background-color: #fff;
+  opacity: 1.0 !important;
 }
 .action-home-index #content .highlights-image-link img {
-  height: 100px;
-  max-width: 200px;
+  height: 80px;
+  max-width: 160px;
+  padding: 30px;
+  background: #FFF;
 }
 .action-home-index #content .highlights-label {
   border-top: 4px solid #3b61a7;
-  padding: 23px 20px 46px 20px;
-  max-height: 60px;
+  padding: 20px;
+  height: 100px;
   width: 190px;
   position: relative;
-  bottom: -18px;
   background: #e8e9ec;
   color: #172638;
   text-align: center;
@@ -427,6 +429,7 @@
   float: none;
   display: block;
   text-align: center;
+  padding: 10px 0px;
 }
 .action-home-index #content .highlights-block-pager a {