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

Remove responsive CSS leftover and fix column selection based on screen

Browse Source 
width
This commit is contained in:
Jan ten Bokkel 2014-08-29 11:21:50 +02:00
parent db9de23e77
commit 3a380f610a
1 changed files with 1 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/contacts.css
View File

@ -857,6 +857,7 @@ tbody tr.contact.active, tbody tr.contact:hover {
} }
} }
/* Hide some columns on smaller screens */
@media screen and (min-width: 1201px) { @media screen and (min-width: 1201px) {
#contactlist tr td.categories { display: none; } #contactlist tr td.categories { display: none; }
#contactsHeader tr td.categories { display: none; } #contactsHeader tr td.categories { display: none; }
@ -864,12 +865,10 @@ tbody tr.contact.active, tbody tr.contact:hover {
@media screen and (max-width: 1200px) { @media screen and (max-width: 1200px) {
#contactlist tr td.adr { display: none; } #contactlist tr td.adr { display: none; }
#contactsHeader tr td.adr { display: none; } #contactsHeader tr td.adr { display: none; }
.multiselect #contactsHeader { margin-left: 300px; padding-right: 300px; }
} }
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
#contactlist tr td.tel { display: none; } #contactlist tr td.tel { display: none; }
#contactsHeader tr td.tel { display: none; } #contactsHeader tr td.tel { display: none; }
.multiselect #contactsHeader { margin-left: 280px; padding-right: 280px; }
} }
@media screen and (max-width: 900px) { @media screen and (max-width: 900px) {
#contactsHeader .delete { display: none; } #contactsHeader .delete { display: none; }
@ -878,5 +877,4 @@ tbody tr.contact.active, tbody tr.contact:hover {
#contactlist tr td.email { display: none; } #contactlist tr td.email { display: none; }
#contactlist tr { width: 100%; } #contactlist tr { width: 100%; }
#contactsHeader tr td.email { display: none; } #contactsHeader tr td.email { display: none; }
.multiselect #contactsHeader { margin-left: 250px; padding-right: 250px; }
} }