sharetabview.scss 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. .app-files .shareTabView {
  2. min-height: 100px;
  3. }
  4. .shareTabView .oneline {
  5. white-space: nowrap;
  6. position: relative;
  7. }
  8. .shareTabView .shareWithLoading {
  9. padding-left: 10px;
  10. right: 35px;
  11. top: 0px;
  12. }
  13. .shareTabView .shareWithConfirm,
  14. .shareTabView .clipboardButton,
  15. .shareTabView .linkPass .icon-loading-small {
  16. position: absolute;
  17. right: -7px;
  18. top: -2px;
  19. padding: 14px;
  20. }
  21. .shareTabView .shareWithConfirm {
  22. opacity: .5;
  23. }
  24. .shareTabView .shareWithField:focus ~ .shareWithConfirm {
  25. opacity: 1;
  26. }
  27. .shareTabView .linkMore {
  28. position: absolute;
  29. right: -7px;
  30. top: -4px;
  31. padding: 14px;
  32. }
  33. /* fix the popup menu because the button is shifted and then the menu is not aligned */
  34. .shareTabView .popovermenu.socialSharingMenu {
  35. right: -7px;
  36. }
  37. .shareTabView .popovermenu .clipboardButton {
  38. position: relative;
  39. top: initial;
  40. right: initial;
  41. padding: 0;
  42. }
  43. .shareTabView label {
  44. white-space: nowrap;
  45. }
  46. .shareTabView input[type="checkbox"] {
  47. margin: 0 3px 0 8px;
  48. vertical-align: middle;
  49. }
  50. .shareTabView input[type="text"].shareWithField,
  51. .shareTabView input[type="text"].emailField,
  52. .shareTabView input[type="text"].linkText,
  53. .shareTabView input[type="password"] {
  54. width: 100%;
  55. box-sizing: border-box;
  56. padding-right: 32px;
  57. text-overflow: ellipsis;
  58. }
  59. .shareTabView form {
  60. font-size: 100%;
  61. margin-left: 0;
  62. margin-right: 0;
  63. }
  64. #shareWithList {
  65. list-style-type: none;
  66. padding: 0 0 16px;
  67. }
  68. #shareWithList > li {
  69. padding-top: 5px;
  70. padding-bottom: 5px;
  71. white-space: normal;
  72. display: inline-flex;
  73. align-items: center;
  74. }
  75. #shareWithList .unshare img {
  76. vertical-align: text-bottom; /* properly align icons */
  77. }
  78. #shareWithList .sharingOptionsGroup > a .icon {
  79. padding: 7px;
  80. vertical-align: middle;
  81. opacity: .5;
  82. }
  83. #shareWithList .sharingOptionsGroup .popovermenu:after {
  84. right: 3px;
  85. }
  86. #shareWithList label input[type=checkbox] {
  87. margin-left: 0;
  88. position: relative;
  89. }
  90. #shareWithList .username {
  91. padding-right: 8px;
  92. white-space: nowrap;
  93. text-overflow: ellipsis;
  94. display: inline-block;
  95. overflow: hidden;
  96. vertical-align: middle;
  97. }
  98. #shareWithList li .sharingOptionsGroup > .shareOption > label {
  99. padding: 6px;
  100. margin-right: 8px;
  101. vertical-align: text-top;
  102. }
  103. .shareTabView .icon-loading-small {
  104. display: inline-block;
  105. z-index: 1;
  106. vertical-align: text-top;
  107. }
  108. .shareTabView .shareWithList .icon-loading-small:not(.hidden) + span,
  109. .shareTabView .linkShareView .icon-loading-small:not(.hidden) + input + label:before {
  110. /* Hide if loader is visible */
  111. display: none !important;
  112. }
  113. .linkShareView {
  114. margin-top: 16px;
  115. }
  116. .shareTabView .linkPass .icon-loading-small {
  117. margin-right: 0px;
  118. }
  119. .shareTabView .icon {
  120. background-size: 16px 16px;
  121. }