Vier mobile: fix content width, events style, oembed

pull/2312/head
Fabrixxm 7 years ago
parent 3c6ebfa5a9
commit 1ddae21cff
  1. 40
      view/theme/vier/mobile.css
  2. 4
      view/theme/vier/style.css

@ -8,11 +8,11 @@ aside, header, #nav-events-link, #search-box, #nav-admin-link, #activitiy-by-dat
}
section {
/* left: calc((100% - (784px)) / 2); */
box-sizing: border-box;
left: 0px;
width: calc(100% - 20px);
width: 100%;
max-width: 100%;
padding: 10px;
padding: 5px;
}
body, section, nav .nav-menu, div.pager, ul.tabs {
@ -92,8 +92,8 @@ nav ul {
.wall-item-container.thread_level_5,
.wall-item-container.thread_level_6,
.wall-item-container.thread_level_7 {
margin-left: 60px;
width: calc(100% - 70px);
margin-left: 0;
width: calc(100% - 10px);
}
.wall-item-container.thread_level_2 .wall-item-content,
@ -105,6 +105,10 @@ 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;
@ -235,3 +239,29 @@ select:focus {
.field.checkbox label { width: 70%; float: left; }
.field .field_help { margin: 0; }
/** event **/
.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; }

@ -2748,7 +2748,9 @@ a.mail-list-link {
margin-bottom: 15px;
}
.vevent .event-description, .vevent .event-location {
.vevent .event-summary,
.vevent .event-description,
.vevent .event-location {
margin-left: 10px;
margin-right: 10px;
}

Loading…
Cancel
Save