From: Fabrixxm Date: Fri, 22 Feb 2013 15:45:40 +0000 (-0500) Subject: quattro: fix item max-width, fix contact serarch autocomplete popup style X-Git-Url: https://git.mxchange.org/?a=commitdiff_plain;h=cc210bae3de704eaaef608e9083452fb982fff4a;p=friendica.git 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 65f9762452..02d18d2375 100644 --- 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 5c875feafb..1f1d85e806 100644 --- 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 5640f5ba59..2dce3ee1a3 100644 --- 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 1c4da1bf7b..f13ae90647 100644 --- 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;