欢迎链接横幅外边距过多

存在一个小的边距错误:

我在 meta 上看不到这个问题,但在我的实例上,这是由以下 CSS 代码引起的:

image

该代码用于在顶部按钮和欢迎横幅之间添加一些边距,但它也会强制在不应有边距的地方添加边距,即使欢迎横幅被隐藏(例如,因为是管理员或信任级别原因),边距也会保持启用状态。

编辑:粗糙的修复?
从这个类中移除边距:

.above-main-container-outlet.welcome-link-banner-connectors {
    margin-bottom: 0em !important;
}

并将相同的边距添加到这个类:

.above-main-container-outlet.welcome-link-banner-connectors .welcome-link-banner, .below-site-header-outlet.welcome-link-banner-connector .welcome-link-banner {
    margin-bottom: 1em;
}

这似乎为我解决了这个问题。到目前为止还没有发现任何问题,横幅看起来仍然很好。

3 个赞

.above-main-container-outlet.welcome-link-banner-connectors 有一个 margin-bottom: 1em,我不明白它的用途。

此外,无论是否显示欢迎横幅,它都会增加一个空白区域。如果不显示,则不应存在此边距。

它还会弄乱下方其他主题组件的布局,例如来自 Christmas Decoration Component 🎄 的灯绳。

示例:

这里有两种解决方案:

要么从欢迎横幅组件中删除 margin-bottom(如果它没有用途),要么在不满足显示要求时为欢迎横幅添加 display: none;

4 个赞

感谢告知!在某些情况下,横幅会紧挨着另一个横幅或警报,这就是为什么它需要边距的原因。我已经成功地重新定位了边距,以消除组件隐藏时产生的影响。

6 个赞

嗯,那后来就有第三个了!:laughing:

4 个赞