systemtags.scss 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. /**
  2. * @copyright Copyright (c) 2016, John Molakvoæ <skjnldsv@protonmail.com>
  3. * @copyright Copyright (c) 2016, Robin Appelman <robin@icewind.nl>
  4. * @copyright Copyright (c) 2016, Jan-Christoph Borchardt <hey@jancborchardt.net>
  5. * @copyright Copyright (c) 2016, Vincent Petry <pvince81@owncloud.com>
  6. * @copyright Copyright (c) 2016, Erik Pellikka <erik@pellikka.org>
  7. * @copyright Copyright (c) 2015, Vincent Petry <pvince81@owncloud.com>
  8. *
  9. * @license GNU AGPL version 3 or any later version
  10. *
  11. */
  12. .systemtags-select2-dropdown {
  13. .select2-result-label {
  14. .checkmark {
  15. visibility: hidden;
  16. margin-left: -5px;
  17. margin-right: 5px;
  18. padding: 4px;
  19. }
  20. .new-item .systemtags-actions {
  21. display: none;
  22. }
  23. }
  24. .select2-selected .select2-result-label .checkmark {
  25. visibility: visible;
  26. }
  27. .select2-result-label .icon {
  28. display: inline-block;
  29. opacity: .5;
  30. &.rename {
  31. padding: 4px;
  32. }
  33. }
  34. .systemtags-actions {
  35. position: absolute;
  36. right: 5px;
  37. }
  38. .systemtags-rename-form {
  39. display: inline-block;
  40. width: calc(100% - 20px);
  41. top: -6px;
  42. position: relative;
  43. input {
  44. display: inline-block;
  45. height: 30px;
  46. width: calc(100% - 40px);
  47. }
  48. }
  49. .label {
  50. width: 85%;
  51. display: inline-block;
  52. overflow: hidden;
  53. text-overflow: ellipsis;
  54. &.hidden {
  55. display: none;
  56. }
  57. }
  58. span {
  59. line-height: 25px;
  60. }
  61. .systemtags-item {
  62. display: inline-block;
  63. height: 25px;
  64. width: 100%;
  65. }
  66. .select2-result-label {
  67. height: 25px;
  68. }
  69. }
  70. .systemTagsInfoView,
  71. .systemtags-select2-container {
  72. width: 100%;
  73. .select2-choices {
  74. flex-wrap: nowrap !important;
  75. max-height: 44px;
  76. }
  77. .select2-choices .select2-search-choice.select2-locked .label {
  78. opacity: 0.5;
  79. }
  80. }
  81. #select2-drop.systemtags-select2-dropdown .select2-results li.select2-result {
  82. padding: 5px;
  83. }