Browse Source

Merge pull request #2480 from rabuzarus/2504_vier_mobile_fix

vier mobile fixes
pull/2482/head
Michael Vogel 5 years ago
parent
commit
1f4f60a82d
  1. 54
      view/theme/vier/mobile.css

54
view/theme/vier/mobile.css

@ -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; }
Loading…
Cancel
Save