keith/friendica
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

vier-mobile: fix embedded video for tablets and bigger

Browse source
This commit is contained in:
rabuzarus 2016-04-25 20:24:36 +02:00
parent 7b48ef23d5
commit fa66fa9b28
1 changed files with 24 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -68,8 +68,29 @@ nav ul {
.contact-photo-wrapper { width: 55px; } .contact-photo-wrapper { width: 55px; }
.wwto { left: 0px; } .wwto { left: 0px; }
.type-link > a { width: 100%; overflow: hidden; display: block; } .type-link > a { heigh: 120px; width: 100%; overflow: hidden; display: block; }
.type-link > a > img { display: block; max-width: 100%!important; width: 100% !important; height: auto !important; } .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;
}
} }
@ -260,22 +281,4 @@ select:focus {
.event-start, .event-end { width: auto; } .event-start, .event-end { width: auto; }
.event-start .dtstart, .event-end .dtend { float: none; display: block; } .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;
}