XF 2.0 Как убрать слова "Входящие" и "Оповещения"

[new_expert]

Интересует вопрос: как убрать слова "Входящие" и "Оповещения" и оставить только одни иконки? Спасибо.

 

[Skaiman]

Убираем текст в пользовательском меню, "Оповещения", "Переписки", "Поиск".
В extra.less добавляем:

.p-navgroup {
    background: transparent;
    &-linkText {
        --alerts &,
        --search &,
        --conversations & {
            .p-navgroup-link& {
                display: none; 
            }
        }
    }
    &.p-discovery {
        margin: 0;
    }
}

В коде убран отступ поиска margin: 0; можно поставить свое значение или убрать совсем:

    &.p-discovery {
        margin: 0;
    }

При необходимости, меняем иконки Font Awesome на Material Design Icons

.p-navgroup-link {
    border: none;
    &.p-navgroup-link--iconic {
        i:after {
            font: normal normal normal 18px/1 'Material Design Icons';
        }
    }
    &.p-navgroup-link {
        &--conversations {
            i:after {
                content: "\f1f0";
            }
        }
        &--alerts {
            i:after {
                content: "\f09c";
            }     
        }
        &--search {
            i:after {
                content: "\f349";
            }         
        }
    }
}

Если сделать так:

.p-navgroup {
    background: transparent;
    &-linkText {
        --user &,
        --alerts &,
        --search &,
        --conversations & {
            .p-navgroup-link& {
                font-size: 0;
                transition: .5s;
            }
        }
    }
    &-linkText {
        --user:hover &,
        --alerts:hover &,
        --search:hover &,
        --conversations:hover & {
            .p-navgroup-link& {
                font-size: 100%;  
            }
        }
    }  
    &.p-discovery {
        margin: 0;
    }
}

будет так:

 

[new_expert]

Убираем текст в пользовательском меню, "Оповещения", "Переписки", "Поиск".
В extra.less добавляем:

.p-navgroup {
    background: transparent;
    &-linkText {
        --alerts &,
        --search &,
        --conversations & {
            .p-navgroup-link& {
                display: none;
            }
        }
    }
    &.p-discovery {
        margin: 0;
    }
}

В коде убран отступ поиска margin: 0; можно поставить свое значение или убрать совсем:

    &.p-discovery {
        margin: 0;
    }

При необходимости, меняем иконки Font Awesome на Material Design Icons

.p-navgroup-link {
    border: none;
    &.p-navgroup-link--iconic {
        i:after {
            font: normal normal normal 18px/1 'Material Design Icons';
        }
    }
    &.p-navgroup-link {
        &--conversations {
            i:after {
                content: "\f1f0";
            }
        }
        &--alerts {
            i:after {
                content: "\f09c";
            }    
        }
        &--search {
            i:after {
                content: "\f349";
            }        
        }
    }
}

Если сделать так:

.p-navgroup {
    background: transparent;
    &-linkText {
        --user &,
        --alerts &,
        --search &,
        --conversations & {
            .p-navgroup-link& {
                font-size: 0;
                transition: .5s;
            }
        }
    }
    &-linkText {
        --user:hover &,
        --alerts:hover &,
        --search:hover &,
        --conversations:hover & {
            .p-navgroup-link& {
                font-size: 100%; 
            }
        }
    } 
    &.p-discovery {
        margin: 0;
    }
}

будет так:
Посмотреть вложение 90603

Очень круто, спасибо большое, можно закрывать)