thirdparty-editable.less 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  1. .enable_plugin_inline_editable() when(@enable-plugin-inline-editable = true) {
  2. .editable-container .popover-title {
  3. color:#438EB9;
  4. }
  5. .editable-click {
  6. border-bottom:1px dashed #BBB;
  7. cursor:pointer;
  8. font-weight:normal;
  9. img& {
  10. border:1px dotted #BBB;
  11. }
  12. &:hover {
  13. border-color:#0088CC;
  14. color:#0088CC;
  15. img& {.opacity(0.75);}
  16. }
  17. }
  18. .editable-buttons , .editable-input {
  19. display:inline-block;
  20. }
  21. .editable-buttons {
  22. margin-left: 1px;
  23. .btn {
  24. padding: 0;
  25. width: 28px;
  26. line-height: 24px;
  27. border-width: 3px;
  28. font-size: @base-font-size - 1;
  29. margin: 0 1px 0 0;
  30. > .@{icon} {
  31. margin: 0;
  32. }
  33. }
  34. }
  35. .editable-clear-x {
  36. cursor:pointer;
  37. color:#888;
  38. background:none;
  39. &:hover {
  40. color:#D15B47;
  41. }
  42. &:before {
  43. display:inline-block;
  44. content:"\f057";
  45. font-family: FontAwesome;
  46. font-size: @font-size-editable-clear;
  47. position: absolute;
  48. margin-top: -9px;
  49. width: 16px;
  50. height: 30px;
  51. line-height: 30px;
  52. text-align:center;
  53. }
  54. }
  55. .editable-input .ace-spinner {
  56. margin-right: 8px;
  57. .spinner-input {
  58. width: 100%;
  59. }
  60. }
  61. .editable-inline .editable-slider {
  62. margin-top: 10px;
  63. margin-right: 4px;
  64. }
  65. .editable-popup .editable-slider {
  66. display: block;
  67. margin-bottom: 16px;
  68. margin-top: 4px;
  69. }
  70. .editable-slider input[type=text] {
  71. display: none;
  72. }
  73. .editable-slider input[type=range] {
  74. outline: none !important;
  75. }
  76. .editable-input .ace-file-input {
  77. display:block;
  78. }
  79. .editable-image .ace-file-multiple .ace-file-container.selected {
  80. border-color:transparent;
  81. }
  82. .editable-image + .editable-buttons , .editable-wysiwyg + .editable-buttons {
  83. display:block;
  84. text-align:center;
  85. margin-top:8px;
  86. }
  87. .editable-wysiwyg {
  88. width:95%;
  89. .wysiwyg-editor {
  90. height:auto;
  91. overflow-y:hidden;
  92. }
  93. }
  94. .editableform {
  95. .input-append.dropdown-menu {
  96. display:none;
  97. }
  98. .open .input-append.dropdown-menu {
  99. display:block;
  100. }
  101. }
  102. .editable-container .editableform {
  103. margin-bottom:10px;
  104. }
  105. .editable-inline .editableform {
  106. margin-bottom:0;
  107. }
  108. .editableform .control-group {
  109. display: block;
  110. }
  111. .editableform-loading {
  112. background:none;
  113. .@{icon} , .progress{
  114. position:relative;
  115. top:35%;
  116. }
  117. }
  118. .input-group.date .input-group-addon {
  119. cursor:pointer;
  120. }
  121. //IE!!!!
  122. //.editable-input .input-group .input-group-addon {
  123. ///width: auto \9;
  124. //}
  125. }
  126. .enable_plugin_inline_editable();