settings.css 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
  1. #files_external {
  2. margin-bottom: 0px;
  3. }
  4. #externalStorage {
  5. margin: 15px 0 20px 0;
  6. }
  7. #externalStorage tr.externalStorageLoading > td {
  8. text-align: center;
  9. }
  10. #externalStorage td > input:not(.applicableToAllUsers), #externalStorage td > select {
  11. width: 100%;
  12. }
  13. #externalStorage .popovermenu li > .menuitem {
  14. width: fit-content !important;
  15. }
  16. #externalStorage td.status {
  17. /* overwrite conflicting core styles */
  18. display: table-cell;
  19. vertical-align: middle;
  20. }
  21. #externalStorage td.status > span {
  22. display: inline-block;
  23. height: 28px;
  24. width: 28px;
  25. vertical-align: text-bottom;
  26. border-radius: 50%;
  27. cursor: pointer;
  28. }
  29. #externalStorage td.mountPoint, #externalStorage td.backend, #externalStorage td.authentication, #externalStorage td.configuration {
  30. min-width: 160px;
  31. width: 15%;
  32. }
  33. #externalStorage td > img {
  34. padding-top: 7px;
  35. opacity: 0.5;
  36. }
  37. #externalStorage td > img:hover {
  38. padding-top: 7px;
  39. cursor: pointer;
  40. opacity: 1;
  41. }
  42. #addMountPoint > td {
  43. border: none;
  44. }
  45. #addMountPoint > td.applicable {
  46. visibility: hidden;
  47. }
  48. #addMountPoint > td.hidden {
  49. visibility: hidden;
  50. }
  51. #externalStorage td {
  52. height: 50px;
  53. }
  54. #externalStorage td.mountOptionsToggle, #externalStorage td.remove, #externalStorage td.save {
  55. position: relative;
  56. padding: 0 !important;
  57. width: 44px;
  58. }
  59. #externalStorage td.mountOptionsToggle [class^=icon-],
  60. #externalStorage td.mountOptionsToggle [class*=" icon-"], #externalStorage td.remove [class^=icon-],
  61. #externalStorage td.remove [class*=" icon-"], #externalStorage td.save [class^=icon-],
  62. #externalStorage td.save [class*=" icon-"] {
  63. width: 44px;
  64. height: 44px;
  65. margin: 3px;
  66. opacity: 0.5;
  67. padding: 14px;
  68. vertical-align: text-bottom;
  69. cursor: pointer;
  70. }
  71. #externalStorage td.mountOptionsToggle [class^=icon-]:hover,
  72. #externalStorage td.mountOptionsToggle [class*=" icon-"]:hover, #externalStorage td.remove [class^=icon-]:hover,
  73. #externalStorage td.remove [class*=" icon-"]:hover, #externalStorage td.save [class^=icon-]:hover,
  74. #externalStorage td.save [class*=" icon-"]:hover {
  75. opacity: 1;
  76. }
  77. #selectBackend {
  78. margin-left: -10px;
  79. width: 150px;
  80. }
  81. #externalStorage td.configuration,
  82. #externalStorage td.backend {
  83. white-space: normal;
  84. }
  85. #externalStorage td.configuration > * {
  86. white-space: nowrap;
  87. }
  88. #externalStorage td.configuration input.added {
  89. margin-right: 6px;
  90. }
  91. #externalStorage label > input[type=checkbox] {
  92. margin-right: 3px;
  93. }
  94. #externalStorage td.configuration label {
  95. width: 100%;
  96. display: inline-flex;
  97. align-items: center;
  98. }
  99. #externalStorage td.configuration input.disabled-success {
  100. background-color: rgba(134, 255, 110, 0.9);
  101. }
  102. #externalStorage td.applicable label {
  103. display: inline-flex;
  104. align-items: center;
  105. }
  106. #externalStorage td.applicable div.chzn-container {
  107. position: relative;
  108. top: 3px;
  109. }
  110. #externalStorage .select2-container.applicableUsers {
  111. width: 100% !important;
  112. }
  113. #userMountingBackends {
  114. padding-left: 25px;
  115. }
  116. .files-external-select2 .select2-results .select2-result-label {
  117. height: 32px;
  118. padding: 3px;
  119. }
  120. .files-external-select2 .select2-results .select2-result-label > span {
  121. display: block;
  122. position: relative;
  123. }
  124. .files-external-select2 .select2-results .select2-result-label .avatardiv {
  125. display: inline-block;
  126. }
  127. .files-external-select2 .select2-results .select2-result-label .avatardiv + span {
  128. position: absolute;
  129. top: 5px;
  130. margin-left: 10px;
  131. }
  132. .files-external-select2 .select2-results .select2-result-label .avatardiv[data-type=group] + span {
  133. vertical-align: top;
  134. top: 6px;
  135. position: absolute;
  136. max-width: 80%;
  137. left: 30px;
  138. text-overflow: ellipsis;
  139. white-space: nowrap;
  140. overflow: hidden;
  141. }
  142. #externalStorage .select2-container .select2-search-choice {
  143. display: flex;
  144. }
  145. #externalStorage .select2-container .select2-search-choice .select2-search-choice-close {
  146. display: block;
  147. left: auto;
  148. position: relative;
  149. width: 20px;
  150. }
  151. #externalStorage .mountOptionsToggle .dropdown {
  152. width: auto;
  153. }
  154. .nav-icon-external-storage {
  155. background-image: var(--icon-external-dark);
  156. }
  157. /*# sourceMappingURL=settings.css.map */