rooty/OwncloudContactsOfficial
1
0
Fork 0
mirror of https://github.com/owncloudarchive/contacts.git synced 2024-12-01 13:24:10 +01:00
Code Issues Releases Activity

Tweak hiding/showing columns in contact list on resize.

Browse Source
This commit is contained in:
Thomas Tanghus 2012-10-26 14:01:37 +02:00
parent bc727eeba4
commit deba6a55c7
1 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
css/contacts.css
View File

@ -231,12 +231,6 @@ input.propertytype { float: left; font-size: .8em; width: 8em !important; direct
#contact span.adr { float: left; width: 16em; padding-top: .5em; overflow: hidden; text-overflow: ellipsis; text-align: bottom; white-space: nowrap; }
#contact span.adr:hover { /*overflow: inherit;*/ white-space: pre-wrap; }
@media screen and (max-width: 1500px) {
#contactlist tr td.categories { display: none; }
}
@media screen and (max-width: 1400px) {
#contactlist tr td.adr { display: none; }
}
@media screen and (min-width: 1400px) {
#contact > ul {
-moz-column-count: 3;
@ -245,9 +239,6 @@ input.propertytype { float: left; font-size: .8em; width: 8em !important; direct
columns: 3;
}
}
@media screen and (min-width: 1100px) and (max-width: 1200px) {
#contactlist tr td.tel { display: none; }
}
@media screen and (min-width: 800px) and (max-width: 1400) {
#singlevalues { max-width: 50%; }
#contact > ul {
@ -257,9 +248,6 @@ input.propertytype { float: left; font-size: .8em; width: 8em !important; direct
columns: 2;
}
}
@media screen and (max-width: 900px) {
#contactlist tr td.email { display: none; }
}
@media screen and (max-width: 400px) {
#contact > ul {
-moz-column-count: 1;
@ -268,3 +256,16 @@ input.propertytype { float: left; font-size: .8em; width: 8em !important; direct
columns: 1;
}
}
@media screen and (max-width: 1500px) {
#contactlist tr td.categories { display: none; }
}
@media screen and (max-width: 1400px) {
#contactlist tr td.adr { display: none; }
}
@media screen and (max-width: 1200px) {
#contactlist tr td.tel { display: none; }
}
@media screen and (max-width: 900px) {
#contactlist tr td.email { display: none; }
}