无法删除 iOS 上的话题页脚按钮

开发
1

我已经设法移除了桌面版主题底部的“标记”和“分享”按钮，但在 iOS 应用中仍然有一个包含“标记”和“分享”的“主题控件”下拉菜单。我在“通用”部分添加了 CSS。

这是一个错误吗？

（主题页脚按钮在移动屏幕上尤其混乱，因此有一个不必要的大型“主题控件”按钮有点烦人，尤其是因为我认为也没有办法移除“书签”，这也是另一个大按钮。如果这些只是图标，那还好，但目前主题末尾几乎一半的屏幕都是按钮。）

1 个赞
2

可以分享一下相关的 CSS 吗？可能需要更具体一些才能应用于移动设备

3 个赞
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;
    }
}

谢谢！

1 个赞
4

是的，所以在移动设备上，主题页脚控件是一个完全独立的组件，所以您的 CSS 有点太具体了，只适用于桌面端……

这应该适用于两者：

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

我们有一个关于检查 CSS 选择器的小教程：Making custom CSS changes on your site

如果您没有设置开发环境，移动端可能有点棘手，但如果您在论坛 URL 的末尾添加 ?mobile_view=1，就可以在桌面上查看移动版，这样更容易处理。

4 个赞
5

谢谢！我不知道 ?mobile_view=1\n\n顺便说一句，我还需要添加以下内容来删除（现在为空的）下拉菜单：\n\n\n#topic-footer-buttons .topic-footer-mobile-dropdown {\n display: none;\n}\n

1 个赞
6

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.