modal_foldPartytree.html 1.1 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <div style="margin-bottom:8px" ng-class="isunfold?'ptree-collapsed-back':'ptree-sidebar-collapsed'">
  2. <a class="fold-icon" ng-click="isunfoldfun()">
  3. <i class="material-icons ng-scope">keyboard_arrow_right</i>
  4. </a>
  5. <!--<img class="fold-icon" src="../../../content/images/fold-right.png" height="26" width="26"-->
  6. <!--ng-click="isunfoldfun()"/>-->
  7. </div>
  8. <style>
  9. .fold-icon .material-icons {
  10. transform: rotate(0deg);
  11. transition: all 300ms ease-in-out;
  12. background-color: #d46243;
  13. border-radius: 4px;
  14. }
  15. .fold-icon>i{
  16. color: #fff;
  17. font-size: 22px;
  18. border-radius: 4px;
  19. padding: 2px;
  20. }
  21. /*.fold-icon {*/
  22. /*border: 1px solid #ddd;*/
  23. /*border-radius: 3px;*/
  24. /*cursor: pointer;*/
  25. /*}*/
  26. .ptree-collapsed-back .fold-icon .material-icons {
  27. transform: rotate(180deg);
  28. transition: all 300ms ease-in-out;
  29. }
  30. .ptree-sidebar-collapsed .fold-icon .material-icons {
  31. transform: rotate(0deg);
  32. transition: all 300ms ease-in-out;
  33. }
  34. </style>