systemtags.scss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  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. .systemtags-select2-container {
  71. width: 100%;
  72. .select2-choices .select2-search-choice.select2-locked .label {
  73. opacity: 0.5;
  74. }
  75. }
  76. #select2-drop.systemtags-select2-dropdown .select2-results li.select2-result {
  77. padding: 5px;
  78. }