clones/friendica
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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

This commit is contained in:
Fabrixxm 2013-02-22 10:45:40 -05:00
parent ad16311be6
commit cc210bae3d
4 changed files with 38 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
view/theme/quattro/dark/style.css
View File

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

12
view/theme/quattro/green/style.css
View File

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

12
view/theme/quattro/lilac/style.css
View File

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

10
view/theme/quattro/quattro.less
View File

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