.btn-default {
background: #ededed;
- color: #7a7a7a!important;
+ color: #7a7a7a;
}
.btn-sm {
padding: 4px 8px;
}
header #banner #logo-img,
.navbar-brand #logo-img {
- mask: url('img/friendica-logo.svg#logo_mask');
- mask-image: url('img/friendica-25.png');
+ /*mask: url('network#m1');*/
+ /*mask-image: url('img/friendica-25.png');*/
-webkit-mask-image: url('img/friendica-25.png');
background-color: $nav_icon_color;
height: 25px;
margin-left: auto;
margin-right: auto;
}
+
#navbrand-container {
display: flex;
}
}
/* ACL */
+/*#jot-modal-body {
+ height: auto;
+ max-height: calc(100vh - 130px);
+ overflow-y: hidden;
+}*/
#acl-search {
margin-top: 20px;
- padding: 8px;
- border: 1px solid #ccc;
+ /*padding: 8px;*/
+ /*border: 1px solid #ccc;*/
width: 100%;
}
#acl-list {
-moz-border-radius: 4px;
border-radius: 4px;
}
+#acl-list-content {
+ overflow-y: auto;
+ max-height: calc(100vh - 330px);
+ height: auto !important;
+}
.acl-list-item {
width: 48%;
width: calc(50% - 10px);
.acl-list-item.grouphide {
background-color: #E68364;
}
-
+.acl-button-show, .acl-button-hide {
+ float: right;
+ margin-left: 5px;
+}
+#acl-showall.selected {
+ background-color: #4CAF50;
+ color: #fff;
+}
+.acl-button-show.selected {
+ background-color: #4CAF50;
+ color: #fff;
+}
+.acl-button-hide.selected {
+ background-color: #F44336;
+ color: #fff;
+}
/*
/* Stream
.toplevel_item:hover .wall-item-content a,
.toplevel_item:hover .wall-item-name,
.wall-item-container:hover .wall-item-content a,
-.wall-item-container:hover .wall-item-name {
+.wall-item-container:hover .wall-item-name,
+.wall-item-container:hover .wall-item-location a {
/*color: #6fdbe8;*/
color: $link_color;
-webkit-transition: all 0.25s ease-in-out;
}
.wall-item-content img {
max-height: 480px;
+ object-fit: contain;
}
.shared-content-wrapper,
.vevent {
}
/* Menubar Tabs */
-#tabmenu {
+#tabmenu,
+.tabbar,
+.tabbar > li {
height: 100%;
/*margin-left: -15px;*/
padding: 0;
height: 102%;
transition: all .15s ease;
}
-ul.tabs.visible-xs > li.active {
- min-width: 150px; /* This is a workaround to make the topbar-second dropdown better visible on mobile. We need something better here */
-}
+/*ul.tabs.visible-xs > li.active {
+ min-width: 150px; This is a workaround to make the topbar-second dropdown better visible on mobile. We need something better here
+}*/
ul.tabs li a {
margin-left: 10px;
margin-right: 10px;
ul.tabs li:hover, ul.tabs li.active {
border-bottom-width: 4px;
}
+ul.tabbar ul.tabs-extended li.active {
+ width: 100%;
+ border-bottom-width: 2px;
+}
+ul.tabbar ul.tabs-extended li.active a {
+ background: none;
+}
ul.dropdown-menu li:hover {
border-bottom-width: 0;
}
}
/* Media Classes */
-.media .time {
+.media .time,
+.media .location,
+.media .location a {
font-size: 11px;
color: #bebebe;
}
.directory-content-wrapper, .manage-content-wrapper, .notes-content-wrapper,
.events-content-wrapper, .message-content-wrapper, .apps-content-wrapper,
.notifications-content-wrapper, .admin-content-wrapper {
+ min-height: calc(100vh - 150px);
padding: 15px;
padding-bottom: 20px;
margin-bottom: 20px;
.contact-wrapper.media {
overflow: visible;
word-wrap: break-word;
+ margin-top: 0;
}
/* bootstrap hack for .media */
.contact-wrapper.media .media-body {
.theme-frio .back-bar .pointer-label {
color: #999;
}
+
+/* textcomplete for contact filtering*/
+#contact-list ul.dropdown-menu.textcomplete-dropdown.media-list {
+ position: relative !important;
+ top: inherit !important;
+ bottom: inherit !important;
+ left: inherit !important;
+ padding: 0;
+ margin-left: -15px;
+ margin-right: -15px;
+ background-color: transparent;
+ box-shadow: none;
+ border: none;
+}
+#contact-list ul.dropdown-menu.textcomplete-dropdown.media-list > li {
+ padding-left: 15px;
+ border-bottom: 1px solid rgba(238, 238, 238, $contentbg_transp);
+}
+#contact-list ul.dropdown-menu.textcomplete-dropdown.media-list > li:first-child {
+ display: none;
+}
+#contact-list ul.dropdown-menu.textcomplete-dropdown.media-list
+.textcomplete-item > a {
+ padding: 0 !important;
+ border-left: none;
+ background-color: transparent !important;
+}
+/* this is a little hack for texcomplete contact filter
+There are for some reasons empty <a> tags. I don't know why */
+.textcomplete-item .contact-wrapper a {
+ padding: 0;
+}
+