tobias/friendica
1
0
Fork 0
Code Pull requests Activity

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

Browse source
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;
}
/* 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 {

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

@ -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 {

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

@ -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 {

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

@ -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;