cardDescription.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. .new-description {
  2. position: relative;
  3. margin: 0 0 20px 0;
  4. }
  5. .new-description.is-open .helper {
  6. display: inline-block;
  7. }
  8. .new-description.is-open textarea {
  9. min-height: 100px;
  10. color: #4d4d4d;
  11. cursor: auto;
  12. overflow: hidden;
  13. word-wrap: break-word;
  14. }
  15. .new-description .too-long {
  16. margin-top: 8px;
  17. }
  18. .new-description textarea {
  19. background-color: #fff;
  20. border: 0;
  21. box-shadow: 0 1px 2px rgba(0,0,0,0.23);
  22. height: 36px;
  23. margin: 4px 4px 6px 0;
  24. padding: 9px 11px;
  25. width: 100%;
  26. }
  27. .new-description textarea:hover,
  28. .new-description textarea:is-open {
  29. background-color: #fff;
  30. box-shadow: 0 1px 3px rgba(0,0,0,0.33);
  31. border: 0;
  32. cursor: pointer;
  33. }
  34. .new-description textarea:is-open {
  35. cursor: auto;
  36. }
  37. .description-item {
  38. background-color: #fff;
  39. border: 0;
  40. box-shadow: 0 1px 2px rgba(0,0,0,0.23);
  41. color: #8c8c8c;
  42. height: 36px;
  43. margin: 4px 4px 6px 0;
  44. width: 92%;
  45. }
  46. .description-item:hover {
  47. background: #e0e0e0;
  48. }
  49. .description-item.add-description {
  50. display: flex;
  51. margin: 5px;
  52. }
  53. .description-item.add-description a {
  54. display: block;
  55. margin: auto;
  56. }