Невозможно удалить кнопки в подвале темы на iOS

Разработка
1

Мне удалось убрать кнопки «Пожаловаться» и «Поделиться» в нижней части тем на рабочем столе, но в приложении для iOS всё ещё есть выпадающее меню «Управление темой» с кнопками «Пожаловаться» и «Поделиться». Я применял CSS в разделе «Общее».

Это баг?

(Кнопки в футере темы особенно загромождают экраны мобильных устройств, поэтому наличие ненужной большой кнопки «Управление темой» немного раздражает, особенно учитывая, что, насколько я знаю, нельзя убрать и «Закладку», которая тоже занимает много места. Если бы это были просто иконки, это было бы не так плохо, но сейчас почти половина экрана в конце темы занята кнопками.)

2

Можете ли вы поделиться здесь соответствующим CSS? Скорее всего, вам нужно сделать селектор более конкретным, чтобы он применялся к мобильным устройствам.

3 
button#topic-footer-button-flag {
    display: none;
}

button#topic-footer-button-share-and-invite {
    display: none;
}

Также я удалил закреплённые сообщения и текст уведомлений:

#topic-footer-buttons .pinned-button {
    display: none;
}


#topic-footer-buttons {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    
    button.create { order: -1; }
    
    .topic-notifications-button {
        margin-block: 0;
        
        .reason  {
            margin-top: 0;
            
            .text {
                display: none;
            }
        }
    }
}

@media screen and (max-width: 924px) {
    html.desktop-view #topic-footer-buttons .topic-notifications-button {
        margin-top: 1em;
    }
}

Спасибо!

4

Да, на мобильных устройствах элементы управления в подвале темы — это отдельный компонент, поэтому ваш CSS-код слишком специфичен и применяется только к десктопной версии…

Это должно работать для обоих вариантов:

#topic-footer-buttons {
  .flag-topic, 
  .share-and-invite {
    display: none;
  }
}

У нас есть небольшой урок по проверке CSS-селекторов: Making custom CSS changes on your site

Проверка на мобильных может быть немного сложной, если у вас не настроена среда разработки, но если добавить ?mobile_view=1 в конец URL вашего форума, вы сможете просматривать мобильную версию на десктопе, что упростит работу.

5

Спасибо! Я не знал о ?mobile_view=1

Кстати, мне также пришлось добавить следующее, чтобы убрать (теперь пустой) выпадающий список:

#topic-footer-buttons .topic-footer-mobile-dropdown {
  display: none;
}