quattro: fix item max-width, fix contact serarch autocomplete popup style

diff --git a/view/theme/quattro/dark/style.css b/view/theme/quattro/dark/style.css
index 65f97624527c32ae9b338c2b4e5e20e8f2c40f4d..02d18d23755bd595549c95ad2f428a32bb547674 100644 (file)
--- a/view/theme/quattro/dark/style.css
+++ b/view/theme/quattro/dark/style.css
@@ -648,26 +648,34 @@ ul.menu-popup .toolbar a:hover {
   background-color: #ffffff;
 }
 /* autocomplete popup */
+.autocomplete,
 .acpopup {
   max-height: 150px;
   background-color: #ffffff;
   color: #2d2d2d;
-  border: 1px solid #MenuBorder;
+  border: 1px solid #364e59;
   overflow: auto;
   z-index: 100000;
   -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
   -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
   box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
 }
+.autocomplete > div,
 .acpopupitem {
   color: #2d2d2d;
   padding: 4px;
   clear: left;
+  overflow: auto;
+  height: auto;
 }
+.autocomplete > div img,
 .acpopupitem img {
   float: left;
   margin-right: 4px;
+  width: 16px !important;
+  height: 16px !important;
 }
+.autocomplete > div.selected,
 .acpopupitem.selected {
   background-color: #bdcdd4;
 }
@@ -983,7 +991,7 @@ section {
   word-wrap: break-word;
 }
 .wall-item-container .wall-item-content img {
-  max-width: 710px;
+  max-width: 700px;
 }
 .wall-item-container .wall-item-links,
 .wall-item-container .wall-item-actions {

diff --git a/view/theme/quattro/green/style.css b/view/theme/quattro/green/style.css
index 5c875feafb3652d3bad71237ff9ce3eda87c62be..1f1d85e80600edfb2dc63fb79e711ce11d00285e 100644 (file)
--- a/view/theme/quattro/green/style.css
+++ b/view/theme/quattro/green/style.css
@@ -648,26 +648,34 @@ ul.menu-popup .toolbar a:hover {
   background-color: #ffffff;
 }
 /* autocomplete popup */
+.autocomplete,
 .acpopup {
   max-height: 150px;
   background-color: #ffffff;
   color: #2d2d2d;
-  border: 1px solid #MenuBorder;
+  border: 1px solid #364e59;
   overflow: auto;
   z-index: 100000;
   -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
   -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
   box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
 }
+.autocomplete > div,
 .acpopupitem {
   color: #2d2d2d;
   padding: 4px;
   clear: left;
+  overflow: auto;
+  height: auto;
 }
+.autocomplete > div img,
 .acpopupitem img {
   float: left;
   margin-right: 4px;
+  width: 16px !important;
+  height: 16px !important;
 }
+.autocomplete > div.selected,
 .acpopupitem.selected {
   background-color: #ccff42;
 }
@@ -983,7 +991,7 @@ section {
   word-wrap: break-word;
 }
 .wall-item-container .wall-item-content img {
-  max-width: 710px;
+  max-width: 700px;
 }
 .wall-item-container .wall-item-links,
 .wall-item-container .wall-item-actions {

diff --git a/view/theme/quattro/lilac/style.css b/view/theme/quattro/lilac/style.css
index 5640f5ba5969272f3ee4ec1c6dfac7948445082b..2dce3ee1a306f619e3b08dfe94339539b24e8063 100644 (file)
--- a/view/theme/quattro/lilac/style.css
+++ b/view/theme/quattro/lilac/style.css
@@ -648,26 +648,34 @@ ul.menu-popup .toolbar a:hover {
   background-color: #ffffff;
 }
 /* autocomplete popup */
+.autocomplete,
 .acpopup {
   max-height: 150px;
   background-color: #ffffff;
   color: #2d2d2d;
-  border: 1px solid #MenuBorder;
+  border: 1px solid #364e59;
   overflow: auto;
   z-index: 100000;
   -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
   -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
   box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
 }
+.autocomplete > div,
 .acpopupitem {
   color: #2d2d2d;
   padding: 4px;
   clear: left;
+  overflow: auto;
+  height: auto;
 }
+.autocomplete > div img,
 .acpopupitem img {
   float: left;
   margin-right: 4px;
+  width: 16px !important;
+  height: 16px !important;
 }
+.autocomplete > div.selected,
 .acpopupitem.selected {
   background-color: #c0a3c7;
 }
@@ -983,7 +991,7 @@ section {
   word-wrap: break-word;
 }
 .wall-item-container .wall-item-content img {
-  max-width: 710px;
+  max-width: 700px;
 }
 .wall-item-container .wall-item-links,
 .wall-item-container .wall-item-actions {

diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less
index 1c4da1bf7b00c3f3baaa67ef02bbd5308bf46f90..f13ae9064768bddb601a1f262ea6737eb5773355 100644 (file)
--- a/view/theme/quattro/quattro.less
+++ b/view/theme/quattro/quattro.less
@@ -254,21 +254,27 @@ ul.menu-popup {
 }
 
 /* autocomplete popup */
+.autocomplete,
 .acpopup {
        max-height:150px;
        background-color:@MenuBg;
        color: @Menu;
-       border:1px solid #MenuBorder;
+       border:1px solid @MenuBorder;
        overflow:auto;
        z-index:100000;
        .shadow();
 }
+.autocomplete > div, 
 .acpopupitem {
        color: @MenuItem; padding: 4px;
        clear:left;
+       overflow: auto;
+       height: auto;
        img {
                float: left;
                margin-right: 4px;
+               width: 16px !important;
+               height: 16px !important;
        }
        &.selected{
                background-color: @MenuItemHoverBg;
@@ -484,7 +490,7 @@ section {
                max-width: 720px;
                word-wrap: break-word;
        }
-       .wall-item-content img { max-width: 710px; }
+       .wall-item-content img { max-width: 700px; }
        .wall-item-links,
        .wall-item-actions { 
                display: table-cell;