.lfs {
position: relative;
display: -webkit-flex;
display: flex;
@media (max-width: @xf-lfsHideWidth)
{
display: none !important;
}
ul {
list-style: none;
padding: 0;
margin: 0;
}
.tabs-container {
.xf-lfsTabsContainer();
display: flex;
}
.tabs {
&--list {
.xf-lfsTabsList();
flex: 1 auto;
}
&--scroller {
.hScroller-action {
.xf-lfsTabsHScrollerAction();
width: auto;
&:hover {
.xf-lfsTabsHScrollerActionHover();
}
}
}
.tab {
.xf-lfsTab();
white-space: nowrap;
cursor: pointer;
&:not(.is-selected):hover {
.xf-lfsTabHover();
}
&:last-child {
margin-right: 0;
}
&.is-selected {
.xf-lfsTabSelected();
}
&.menu-open {
margin-right: 0;
}
}
}
a.tab-link {
.xf-lfsTabLink();
}
.tabs-buttons {
.xf-lfsTabsButtons();
white-space: nowrap;
.extra-button,
a.extra-button {
.xf-lfsTabsButton();
cursor: pointer;
&:hover {
.xf-lfsTabsButtonHover();
}
&:last-child {
margin-right: 0;
}
}
.mute-button {
i {
&:before {
.m-faBase();
.m-faContent(@fa-var-volume-up);
}
}
&.is-muted {
i {
.m-faBefore(@fa-var-volume-mute);
}
}
}
.setting-button {
display: none;
&.is-active {
display: inline;
}
}
}
.tabGroup {
.xf-contentBase();
.xf-blockBorder();
.xf-lfsTabGroup();
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
flex: 1 1 100%;
max-width: 100%;
overflow: hidden;
&:last-child {
margin-right: 0;
}
.tabGroup-content {
.xf-lfsTabGroupContent();
position: relative;
.tabGroup-scroller {
overflow-y: auto;
scroll-behavior: smooth;
max-height: 100%;
height: 100%;
> .content {
.structItem--lfsItem:first-child {
border-top: none;
}
}
}
&.is-updating {
.content {
opacity: .7;
}
.loader-block {
position: absolute;
top: 0;
left: 0;
}
}
}
&--members {
flex-basis: 35% !important;
.tab {
width: 100%;
}
.empty-block img {
width: 100%;
}
}
&--threads {
.tabGroup-content {
span .label {
margin-right: 5px;
white-space: nowrap;
}
}
}
.structItem {
// FIX UI.X TITLE OVERFLOW
table-layout: fixed;
&--lfsItem {
.xf-lfsItem();
a {
.xf-lfsItemLink();
&:hover {
.xf-lfsItemLinkHover();
}
}
&:hover {
.xf-lfsItemHover();
}
&.is-unread {
.xf-lfsItemUnread();
.structItem-cell--icon {
.xf-lfsItemUnreadIcon();
}
}
&.item--iconRightLayout {
.structItem-cell--icon {
.xf-lfsItemRightIcon();
}
}
<xf:if is="property('lfsEnableThreadSecondData')">
&:not(.item--stickedLink):hover {
.structItem-cell--mainData {
display: none;
}
.structItem-cell--secondData {
display: table-cell;
}
}
</xf:if>
.contentRow-title {
font-size: @xf-fontSizeNormal;
}
}
&--different {
.xf-lfsItemDifferent();
}
}
.structItem-cell {
.xf-lfsItemSection();
&--icon {
.xf-lfsItemIcon();
}
&--avatar {
width: 32px;
padding-right: 0;
.avatar {
.xf-lfsItemAvatar();
}
}
&--title {
<xf:if is="property('lfsCropTooLongTitles')">
.m-overflowEllipsis();
</xf:if>
}
&--replyCount {
width: 90px;
}
&--mainData {
width: 250px;
.username {
max-width: 75px;
.m-overflowEllipsis();
}
}
&--secondData {
display: none;
width: 250px;
}
&--rightIcon {
.xf-lfsItemInfo();
float: right;
}
.unread-postfix {
.xf-lfsThreadUnreadPostfix();
}
}
}
.fl-r {
float: right;
}