ExtendableContainer.css 732 B

12345678910111213141516171819202122232425262728293031323334353637
  1. .Container{
  2. display: inline-block;
  3. }
  4. .ExtendableContainer {
  5. background: white;
  6. border: 1px solid #dee2e6;
  7. border-radius: 1px;
  8. margin: 3px 0;
  9. padding: 3px 1px;
  10. }
  11. .ExtendableContainerHeader {
  12. cursor: pointer;
  13. padding-right: 5px;
  14. padding-left: 5px;
  15. }
  16. .ExtendableContainer .ExtendableContainerContent {
  17. border-top: 1px solid #dee2e6;
  18. padding:2px;
  19. height: 0px;
  20. /*max-height: 500px;*/
  21. opacity: 0;
  22. overflow: hidden;
  23. }
  24. .ExtendableContainer .ExtendableContainerContent.show {
  25. transition: height 500ms 500ms, opacity 1000ms 0ms;
  26. height: auto;
  27. opacity: 1;
  28. overflow-y: hidden;
  29. overflow-x: hidden;
  30. }
  31. .ParameterControl {
  32. padding-top: 2px !important;
  33. padding-bottom: 2px !important;
  34. border-bottom: 1px solid #eee;
  35. }