MrPetovan/friendica
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Merge pull request #2480 from rabuzarus/2504_vier_mobile_fix

Browse source 
vier mobile fixes
This commit is contained in:
Michael Vogel 2016-04-25 21:41:43 +02:00
parent 714eb1a296 4daa9a50f5
commit 1f4f60a82d
1 changed files with 29 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
view/theme/vier/mobile.css
View file

@ -63,6 +63,35 @@ nav ul {
a.desktop-view { display: none; }
a.mobile-view { display: initial; }
#nav-apps-link { display: none; }
.wall-item-container .wall-item-info { width: auto; }
.contact-photo-wrapper { width: 55px; }
.wwto { left: 0px; }
.type-link > a { height: 120px; width: 100%; overflow: hidden; display: block; }
.type-link > a > img { display: block; max-width: 100%!important; width: 100% !important; height: 100% !important; object-fit: cover !important; }
/** oembed **/
.embed_video {
float: none;
margin: 0px;
height: 120px;
width: 100%;
overflow: hidden;
display: block;
}
.embed_video > img {
display: block;
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
object-fit: cover !important;
}
.embed_video > div {
background-image: none !important; background-color: transparent !important;
width: 100% !important; height: 110px !important;
}
}
@media screen and (max-width: 480px) {
@ -105,10 +134,6 @@ nav ul {
max-width: 100%;
}
.wall-item-container .wall-item-info { width: auto; }
.contact-photo-wrapper { width: 55px; }
.wwto { left: 0px; }
/* aside in/out */
.mobile-aside-toggle {
display: block !important;
@ -256,25 +281,4 @@ select:focus {
.event-start, .event-end { width: auto; }
.event-start .dtstart, .event-end .dtend { float: none; display: block; }
/** oembed **/
.embed_video {
float: none;
margin: 0px;
height: 120px;
width: 100%;
overflow: hidden;
display: block;
}
.embed_video > img {
display: block;
width: 100% !important;
height: auto !important;
max-width: 100% !important;
}
.embed_video > div {
background-image: none !important; background-color: transparent !important;
width: 100% !important; height: 110px !important;
}
.type-link > a { height: 120px; width: 100%; overflow: hidden; display: block; }
.type-link > a > img { display: block; max-width: 100%!important; width: 100% !important; height: auto !important; }