如何使Foundry Slate容器可折叠？

如何解决如何使Foundry Slate容器可折叠？

我想制作一个Slate仪表板，其中包含我在其他地方看到过的可折叠容器，但是我不知道要应用哪种CSS样式。

有人可以帮助我了解如何实现这一目标吗？

解决方法

基本策略是将容器的高度设置为0px，并在其父级具有特定类时将其溢出设置为隐藏。换句话说，将条件类添加到父容器（例如{{#if w_toggle.on}}hide-me{{/if}}），然后添加看起来像

的CSS

.hide-me {  
  #widget-w_child_container {    
    height: 0px !important;     
    overflow: hidden;   
  }
}

有关更高级的样式和布局技术，请在文档中找到《 Slate开发最佳实践指南》中的“ UX / UI注意事项”部分。