share.less 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. .modal-body-share {
  2. h3 {
  3. border-bottom: 1px solid @gray-lighter;
  4. padding-bottom: @line-height-computed / 4;
  5. margin: 0;
  6. font-size: 1rem;
  7. }
  8. .project-member, .project-invite, .public-access-level {
  9. padding: (@line-height-computed / 2) 0;
  10. border-bottom: 1px solid @gray-lighter;
  11. font-size: 14px;
  12. }
  13. .public-access-level {
  14. padding-top: 0;
  15. font-size: 13px;
  16. padding-bottom: @modal-inner-padding;
  17. .access-token-display-area {
  18. margin-top: @line-height-computed/4;
  19. .access-token-wrapper {
  20. padding-top: @line-height-computed/4;
  21. .access-token {
  22. margin-top: @line-height-computed/4;
  23. background-color: @gray-lightest;
  24. border: 1px solid @gray-lighter;
  25. padding: 6px 12px 6px 12px
  26. }
  27. }
  28. }
  29. }
  30. .project-member, .project-invite {
  31. &:hover {
  32. background-color: @gray-lightest;
  33. }
  34. }
  35. .invite-controls {
  36. .small {
  37. padding: 2px;
  38. }
  39. padding: @line-height-computed / 2;
  40. background-color: @gray-lightest;
  41. margin-top: @line-height-computed / 2;
  42. form {
  43. .form-group {
  44. margin-bottom: @line-height-computed / 2;
  45. &:last-child {
  46. margin-bottom: 0;
  47. }
  48. }
  49. .privileges {
  50. display: inline-block;
  51. width: auto;
  52. height: 30px;
  53. font-size: 14px;
  54. }
  55. }
  56. }
  57. }
  58. .modal-footer-share {
  59. .modal-footer-left {
  60. max-width: 70%;
  61. text-align: left;
  62. }
  63. }