-aside, header, #nav-events-link, #nav-search-box, #nav-admin-link, #activitiy-by-date-tab, #shared-links-tab,
+aside, header, #nav-search-box, #nav-admin-link, #nav-messages-linkmenu, #activitiy-by-date-tab, #shared-links-tab, #nav-logout-link,
.wall-item-location {
display: none;
}
.wall-item-container .wall-item-content .type-link img.attachment-image, .type-link img.attachment-image, .type-video img.attachment-image {
max-width: 350px;
}
- a.desktop-view { display: none; }
- a.mobile-view { display: initial; }
+ .desktop-view { display: none; }
+ .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 { 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 { 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;
+ 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;
+ }
+
+ #login-extra-links, #login-form {
+ /* width: 341px; */
+ width: 100%;
+ }
+ #id_remember_label {
+ width: unset;
+ }
}
@media screen and (max-width: 480px) {
.children .wall-item-container .wall-item-item .wall-item-content img {
max-width: 100%;
}
+ iframe.embed_rich { width: 100% !important }
+ /* TODO: check if this is needed.
+ * oembedded iframe usually have "width" and "height" as attributes
+ * that override this rule */
iframe {
max-width: 100%;
}
- /* the top-nav notfication menu
- Note: the device needs a min display width of 320px */
- #nav-notifications-menu {
- width: 270px;
+
+ /* the top-nav notfication menu */
+ nav #nav-notifications-linkmenu .menu-popup {
+ position: fixed;
+ left: 10px;
+ right: 10px;
+ top: 44px;
+ bottom: 10px;
+ width: auto;
+ max-width: none;
+ max-height: none;
}
+
+
}
.wall-item-container.thread_level_2,
/* ACL window */
#profile-jot-acl-wrapper, #profile-jot-acl-wrapper * { box-sizing: border-box; }
#acl-wrapper { width: 100%; float: none; }
-#acl-search { width: 100%; float: none; padding-right: 0px; margin-bottom: 1em; }
-#acl-showall { width: 100%; height: 48px; margin-bottom: 1em; }
-.acl-list-item { width: auto; float: none; height: auto; overflow: hidden; position: relative;}
-.acl-list-item img { width: 48px; height: 48px; }
-.acl-list-item p { height: auto; font-size: inherit; }
-.acl-list-item a {
- float: none;
- position: absolute;
- top: 5px;
- right: 5px;
- height: 48px;
- padding: 10px 2px 2px 2px;
- font-size: 12px;
- width: 20%;
- text-align: center;
- background-position: center 5px;
-}
-.acl-list-item a.acl-button-hide { right: 25%; }
/* flexbox for ACL window */
#cboxLoadedContent,
#cboxLoadedContent > div,
-ms-flex: 1 100%;
flex: 1 100%;
}
-#acl-list {
- -webkit-flex: 1 1 auto;
- -moz-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
-}
/** input elements **/
input,
.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;
-}
+/** prv mail **/
+.mail-conv-detail { margin-left: 0px; width: 100%; }
+#prvmail-submit, #prvmail-text, #prvmail-subject { box-sizing: border-box; width: 100%; }