share.less 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  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. .public-access-level.public-access-level--notice {
  31. background-color: @gray-lightest;
  32. border-bottom: none;
  33. margin-top: @margin-md;
  34. padding-top: @margin-md;
  35. }
  36. .project-member, .project-invite {
  37. &:hover {
  38. background-color: @gray-lightest;
  39. }
  40. }
  41. .invite-controls {
  42. .small {
  43. padding: 2px;
  44. }
  45. padding: @line-height-computed / 2;
  46. background-color: @gray-lightest;
  47. margin-top: @line-height-computed / 2;
  48. form {
  49. .form-group {
  50. margin-bottom: @line-height-computed / 2;
  51. &:last-child {
  52. margin-bottom: 0;
  53. }
  54. }
  55. .privileges {
  56. display: inline-block;
  57. width: auto;
  58. height: 30px;
  59. font-size: 14px;
  60. }
  61. }
  62. }
  63. }
  64. .modal-footer-share {
  65. .modal-footer-left {
  66. max-width: 70%;
  67. text-align: left;
  68. }
  69. }