share.scss 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  1. /**
  2. * @copyright Copyright (c) 2016, John Molakvoæ <skjnldsv@protonmail.com>
  3. * @copyright Copyright (c) 2016, Morris Jobke <hey@morrisjobke.de>
  4. * @copyright Copyright (c) 2016, Julia Bode <julia.bode@lulisaur.us>
  5. * @copyright Copyright (c) 2016, Christoph Wurst <christoph@winzerhof-wurst.at>
  6. * @copyright Copyright (c) 2015, Hendrik Leppelsack <hendrik@leppelsack.de>
  7. * @copyright Copyright (c) 2015, Jan-Christoph Borchardt <hey@jancborchardt.net>
  8. * @copyright Copyright (c) 2015, Vincent Petry <pvince81@owncloud.com>
  9. * @copyright Copyright (c) 2015, Arthur Schiwon <blizzz@owncloud.com>
  10. * @copyright Copyright (c) 2015, Roeland Jago Douma <roeland@famdouma.nl>
  11. * @copyright Copyright (c) 2015, Morris Jobke <hey@morrisjobke.de>
  12. *
  13. * @license GNU AGPL version 3 or any later version
  14. *
  15. */
  16. /* SHARE TAB STYLING -------------------------------------------------------- */
  17. .shareTabView {
  18. .unshare.icon-loading-small {
  19. margin-top: 1px;
  20. }
  21. .shareWithLoading, .linkShare .icon-loading-small {
  22. display: inline-block !important;
  23. padding-left: 10px;
  24. }
  25. .shareWithLoading {
  26. position: relative;
  27. right: 70px;
  28. top: 2px;
  29. }
  30. .icon-loading-small.hidden {
  31. display: none !important;
  32. }
  33. .avatar {
  34. margin-right: 8px;
  35. display: inline-block;
  36. overflow: hidden;
  37. vertical-align: middle;
  38. width: 32px;
  39. height: 32px;
  40. }
  41. label {
  42. font-weight: 400;
  43. white-space: nowrap;
  44. }
  45. input[type='checkbox'] {
  46. margin: 0 3px 0 8px;
  47. vertical-align: middle;
  48. }
  49. input[type='submit'] {
  50. margin-left: 7px;
  51. }
  52. form {
  53. font-size: 100%;
  54. margin-left: 0;
  55. margin-right: 0;
  56. }
  57. .error {
  58. color: #e9322d;
  59. border-color: #e9322d;
  60. box-shadow: 0 0 6px #f8b9b7;
  61. }
  62. .mailView .icon-mail {
  63. opacity: 0.5;
  64. }
  65. }
  66. .share-autocomplete-item {
  67. display: flex;
  68. .autocomplete-item-text {
  69. margin-left: 10px;
  70. margin-right: 10px;
  71. white-space: nowrap;
  72. text-overflow: ellipsis;
  73. overflow: hidden;
  74. line-height: 32px;
  75. vertical-align: middle;
  76. }
  77. }
  78. .ui-autocomplete .autocomplete-note {
  79. padding: 5px 10px;
  80. color: rgba(0, 0, 0, .3);
  81. }
  82. #shareWithList {
  83. list-style-type: none;
  84. padding: 8px;
  85. > li {
  86. padding-top: 10px;
  87. padding-bottom: 10px;
  88. font-weight: bold;
  89. line-height: 21px;
  90. white-space: normal;
  91. width: 100%;
  92. }
  93. .sharingOptionsGroup {
  94. flex-shrink: 0;
  95. position: relative;
  96. .popovermenu {
  97. right: -11px;
  98. top: 35px;
  99. padding: 3px 6px;
  100. }
  101. }
  102. .shareOption {
  103. white-space: nowrap;
  104. display: inline-block;
  105. }
  106. .unshare img,
  107. .showCruds img {
  108. vertical-align: text-bottom;
  109. /* properly align icons */
  110. }
  111. label input[type=checkbox] {
  112. margin-left: 0;
  113. position: relative;
  114. }
  115. .username {
  116. padding-right: 8px;
  117. white-space: nowrap;
  118. text-overflow: ellipsis;
  119. display: inline-block;
  120. overflow: hidden;
  121. vertical-align: middle;
  122. flex-grow: 5;
  123. }
  124. }
  125. a {
  126. &.showCruds {
  127. display: inline;
  128. opacity: .5;
  129. }
  130. &.unshare {
  131. display: inline-block;
  132. opacity: .5;
  133. padding: 10px;
  134. }
  135. &.showCruds:hover,
  136. &.unshare:hover {
  137. opacity: 1;
  138. }
  139. }
  140. #link {
  141. border-top: 1px solid #ddd;
  142. padding-top: 8px;
  143. #showPassword img {
  144. padding-left: 5px;
  145. width: 12px;
  146. }
  147. }
  148. .reshare,
  149. #link label,
  150. #expiration label {
  151. display: inline-block;
  152. padding: 6px 4px;
  153. }
  154. #defaultExpireMessage, .reshare {
  155. /* fix shared by text going out of box */
  156. white-space: normal;
  157. }
  158. #defaultExpireMessage {
  159. /* show message on new line */
  160. display: block;
  161. padding-left: 4px;
  162. /* TODO: style the dropdown in a proper way - border-box, etc. */
  163. width: 90%;
  164. }
  165. .ui-autocomplete {
  166. /* limit dropdown height to 4 1/2 entries */
  167. max-height: 200px;
  168. overflow-y: auto;
  169. overflow-x: hidden;
  170. }
  171. .notCreatable {
  172. padding-left: 12px;
  173. padding-top: 12px;
  174. color: #999;
  175. }