Убираем текст и оставляем иконки

[freely]

freely добавил(а) новый ресурс:

Убираем текст и оставляем иконки - Убираем текст и оставляем иконки

Привет всем, здесь расскажу как поменять иконки мне нравится, ответить и т.д., над которыми сидел до трех ночи, вчера. скажем большое спасибо Mirovinger .

.message-actionBar {
    .actionBar-action {
        font-size: 0;

        &:before {
            font-size: 20px;
        }

        &[href$="/quick-ban"]:before {
            content: "\f05e";
        }

        &--like-log:before {
            content: "\f184";
        }
    }
}
  
.item.control.lich {...

Узнать больше об этом ресурсе...

 

[nictic123]

Не знаю, на стилях от ТН не работает...( Специально поставил чистый стиль без каких-либо изенений, но том тоже не работает. На дефолте все нормально...

 

[Skaiman]

И потом пользователи будут гадать что где нажать :) так то многие очевидного не видят, а так будет взрыв мозга :)

 

[IlyaPep]

Не знаю, на стилях от ТН не работает...( Специально поставил чистый стиль без каких-либо изенений, но том тоже не работает. На дефолте все нормально...

В стилях от TH надо после 20px добавлять !important, мне вот помогло :)

 

[nictic123]

В стилях от TH надо после 20px добавлять !important, мне вот помогло :)

Надо же, и правда работает :) Спасибо

 

[nictic123]

Здравствуйте! А если я хочу слева (обведено зеленым) оставить как есть, а справа (обведено желтым) сделать только большие иконки?

 

[IlyaPep]

Здравствуйте! А если я хочу слева (обведено зеленым) оставить как есть, а справа (обведено желтым) сделать только большие иконки?
Посмотреть вложение 90730

Покажу на примере кнопки "упомянуть"
У каждой кнопки есть свои настройки, их можно посмотреть с помощью ф12

.actionBar .actionBar-action.actionBar-action--reply:before {
    font-size: 30px !important;
}

Вместо 30 пишите что угодно, и всё получиться
Дальше сами

 

[nictic123]

Покажу на примере кнопки "упомянуть"
У каждой кнопки есть свои настройки, их можно посмотреть с помощью ф12

.actionBar .actionBar-action.actionBar-action--reply:before {
    font-size: 30px !important;
}

Вместо 30 пишите что угодно, и всё получиться
Дальше сами

Это ясно-понятно, а как сам текст-то убрать?

 

[IlyaPep]

Это ясно-понятно, а как сам текст-то убрать?
Посмотреть вложение 90731

a.actionBar-action.actionBar-action--reply {
    font-size: 0;
}

 

[Skaiman]

В стилях от TH надо после 20px добавлять !important

а че эт такое?

 

[IlyaPep]

а че эт такое?

OFFTOP

что-то не так?

 

[Mirovinger]

Зачем, ну вот зачем !important, ну да ладно.
Просто всё можно без него, отсюда и вопрос, Вы понимаете, что это такое?

 

[IlyaPep]

Зачем, ну вот зачем !important, ну да ладно.
Просто всё можно без него, отсюда и вопрос, Вы понимаете, что это такое?

Как без него? просветите

 

[Mirovinger]

Просто, что за стиль для начала, просветите.

 

[IlyaPep]

Просто, что за стиль для начала, просветите.

У меня UI.X 2 dark, и у никтика насколько я понял тоже он стоит

 

[Mirovinger]

Хм, у ТС тоже, я лично данный код ему исправлял и всё работает именно в том виде, который там есть, ну кроме последней кнопки, которая под личный.

 

[IlyaPep]

Хм, у ТС тоже, я лично данный код ему исправлял и всё работает именно в том виде, который там есть, ну кроме последней кнопки, которая под личный.

Видимо у него всё настроено на иконки фонт авесома, и почищено от мусора, а у меня лично всё по дефолту, тоесть иконки материал десигн используються, и гора мусора ненужного :)

 

[nictic123]

У меня UI.X 2 dark, и у никтика насколько я понял тоже он стоит

Abyss у меня, но тоже не далеко ушел. У меня без импортанта не работает, подтверждаю

 

[Mirovinger]

Видимо у него всё настроено на иконки фонт авесома, и почищено от мусора, а у меня лично всё по дефолту, тоесть иконки материал десигн используються, и гора мусора ненужного :)

Да, там всё приведено в порядок, но всё же не относится к теме, лучше кто-то доступ предоставил бы и проверили бы, что за проблема.

 

[IlyaPep]

Да, там всё приведено в порядок, но всё же не относится к теме, лучше кто-то доступ предоставил бы и проверили бы, что за проблема.

OFFTOP

Я бы дал, но у меня тестовый форум, и там такой срач, что мне аж стыдно будет его показывать :confused: