settings.scss 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. #global_credentials {
  2. padding: 0 30px;
  3. }
  4. #files_external {
  5. margin-bottom: 0px;
  6. }
  7. #externalStorage {
  8. margin: 15px 0 20px 0;
  9. }
  10. #externalStorage td.status {
  11. /* overwrite conflicting core styles */
  12. display: table-cell;
  13. vertical-align: middle;
  14. }
  15. #externalStorage td.status > span {
  16. display: inline-block;
  17. height: 28px;
  18. width: 28px;
  19. vertical-align: text-bottom;
  20. border-radius: 50%;
  21. cursor: pointer;
  22. }
  23. td.mountPoint, td.backend { width:160px; }
  24. #externalStorage td>img { padding-top:7px; opacity: 0.5; }
  25. #externalStorage td>img:hover { padding-top:7px; cursor:pointer; opacity: 1; }
  26. #addMountPoint>td { border:none; }
  27. #addMountPoint>td.applicable { visibility:hidden; }
  28. #addMountPoint>td.hidden { visibility:hidden; }
  29. #externalStorage td {
  30. height: 50px;
  31. &.mountOptionsToggle,
  32. &.remove,
  33. &.save {
  34. position: relative;
  35. padding: 0 !important;
  36. width: 44px;
  37. [class^='icon-'],
  38. [class*=' icon-'] {
  39. opacity: 0.5;
  40. padding: 14px;
  41. vertical-align: text-bottom;
  42. cursor: pointer;
  43. &:hover {
  44. opacity: 1;
  45. }
  46. }
  47. }
  48. }
  49. #selectBackend {
  50. margin-left: -10px;
  51. width: 150px;
  52. }
  53. #externalStorage td.configuration,
  54. #externalStorage td.backend {
  55. white-space: normal;
  56. }
  57. #externalStorage td.configuration > * {
  58. white-space: nowrap;
  59. }
  60. #externalStorage td.configuration input.added {
  61. margin-right: 6px;
  62. }
  63. #externalStorage label > input[type="checkbox"] {
  64. margin-right: 3px;
  65. }
  66. #externalStorage td.configuration label {
  67. width: 100%;
  68. display: inline-flex;
  69. align-items: center;
  70. }
  71. #externalStorage td.configuration input.disabled-success {
  72. background-color: rgba(134, 255, 110, 0.9);
  73. }
  74. #externalStorage td.applicable div.chzn-container {
  75. position: relative;
  76. top: 3px;
  77. }
  78. #userMountingBackends {
  79. padding-left: 25px;
  80. }
  81. .files-external-select2 .select2-results .select2-result-label {
  82. height: 32px;
  83. padding: 3px;
  84. }
  85. .files-external-select2 .select2-results .select2-result-label > span {
  86. display: block;
  87. position: relative;
  88. }
  89. .files-external-select2 .select2-results .select2-result-label .avatardiv {
  90. display:inline-block;
  91. }
  92. .files-external-select2 .select2-results .select2-result-label .avatardiv + span {
  93. position: absolute;
  94. top: 5px;
  95. margin-left: 10px;
  96. }
  97. .files-external-select2 .select2-results .select2-result-label .avatardiv[data-type="group"] + span {
  98. vertical-align: top;
  99. top: 6px;
  100. position: absolute;
  101. max-width: 80%;
  102. left: 30px;
  103. text-overflow: ellipsis;
  104. white-space: nowrap;
  105. overflow: hidden;
  106. }
  107. #externalStorage .mountOptionsToggle .dropdown {
  108. width: auto;
  109. }
  110. .nav-icon-external-storage {
  111. background-image: url('../img/app-dark.svg?v=1');
  112. }