element-ui.scss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. // cover some element-ui styles
  2. .eloption {
  3. background: rgba(1, 46, 88, 0.9);
  4. border: none;
  5. z-index: 999;
  6. width: 120px;
  7. .el-menu {
  8. background: rgba(1, 46, 88, 0.9);
  9. box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.24);
  10. border: none;
  11. min-width: 120px;
  12. .el-menu-item {
  13. background: rgba(1, 46, 88, 0.9);
  14. color: #CEE7FF;
  15. text-align: center;
  16. &:hover,
  17. &.is-active {
  18. border: none;
  19. outline: none;
  20. color: #00FCFF;
  21. background: url(~@/assets/dataBoard/images/header-hover.png) no-repeat;
  22. background-size: 100% 100%;
  23. background-origin: content-box;
  24. }
  25. }
  26. }
  27. }
  28. .el-breadcrumb__inner,
  29. .el-breadcrumb__inner a {
  30. font-weight: 400 !important;
  31. }
  32. .el-upload {
  33. input[type="file"] {
  34. display: none !important;
  35. }
  36. }
  37. .el-upload__input {
  38. display: none;
  39. }
  40. .el-dialog {
  41. transform: none;
  42. left: 0;
  43. position: relative;
  44. margin: 0 auto;
  45. .el-dialog__header{
  46. padding: 10px;
  47. background-color: white;
  48. border-bottom: 1px solid #ccc;
  49. text-indent: 10px;
  50. .el-dialog__title{
  51. color: black;
  52. }
  53. .el-dialog__headerbtn{
  54. top: 14px;
  55. }
  56. .el-dialog__headerbtn .el-dialog__close {
  57. color: #777;
  58. }
  59. }
  60. }
  61. // refine element ui upload
  62. .upload-container {
  63. .el-upload {
  64. width: 100%;
  65. .el-upload-dragger {
  66. width: 100%;
  67. height: 200px;
  68. }
  69. }
  70. }
  71. // dropdown
  72. .el-dropdown-menu {
  73. a {
  74. display: block
  75. }
  76. }
  77. // to fix el-date-picker css style
  78. .el-range-separator {
  79. box-sizing: content-box;
  80. }