attachment-selector.scss 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. .ibps-attachment-selector{
  2. min-width: 200px;
  3. .selector-list {
  4. display: block;
  5. margin:0;
  6. padding: 0;
  7. background: #fff;
  8. // max-height: 40px;
  9. border: dashed 1px #CCC;
  10. overflow: auto;
  11. &.disabled{
  12. background-color: #f5f7fa;
  13. border-color: #e4e7ed;
  14. color: #c0c4cc;
  15. }
  16. &.disabled label{
  17. cursor: not-allowed;
  18. }
  19. label {
  20. margin: 0;
  21. display: table;
  22. width: 100%;
  23. font-weight: normal;
  24. cursor: pointer;
  25. }
  26. label .plus {
  27. font-size: 20px;
  28. width: 20px;
  29. display: table-cell;
  30. vertical-align: middle;
  31. padding-left: 10px;
  32. padding-top: 0;
  33. cursor: pointer;
  34. color: #c0c4cc;
  35. }
  36. .selector-empty {
  37. padding: 0 10px 0 0;
  38. text-align: left;
  39. line-height: 2;
  40. display: table-cell;
  41. vertical-align: middle;
  42. color: #c0c4cc;
  43. }
  44. }
  45. .is-disabled{
  46. .el-upload-list__item:first-child{
  47. margin-top: 5px;
  48. }
  49. }
  50. .el-upload-list__item{
  51. font-size: 12px;
  52. .el-upload-list__item{
  53. margin-top:0 ;
  54. }
  55. .tools{
  56. position: absolute;
  57. right: 5px;
  58. top: 0;
  59. line-height: inherit;
  60. display: none;
  61. }
  62. }
  63. .el-upload-list__item:hover{
  64. cursor: pointer;
  65. .tools{
  66. display: block;
  67. }
  68. }
  69. .ibps-default-upload{
  70. width:100%;
  71. line-height:0;
  72. .el-upload-list{
  73. display:none;
  74. }
  75. .el-upload{
  76. width:100%;
  77. .el-upload-dragger{
  78. width:100%;
  79. height: 32px;
  80. border:none;
  81. border-radius:4px;
  82. }
  83. }
  84. }
  85. }