Блог

Я хочу создать панель управления Slate с разборными контейнерами, которые я видел в других местах, но я не знаю, какой стиль CSS применить.

Может кто-нибудь помочь мне понять, как это сделать?

Основная стратегия заключается в том, чтобы установить высоту контейнера равной 0px, а его переполнение скрытым, когда его родительский элемент имеет определенный класс. Другими словами, добавьте условный класс в родительский контейнер, например {{#if w_toggle.on}}hide-me{{/if}} , а затем добавьте CSS, который выглядит как

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

Для более продвинутых методов оформления и компоновки найдите раздел «Рекомендации по UX / UI» руководства по рекомендациям по разработке Slate в документации.