Ingen beskrivning
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

SpriteSwapOverlay.uss 3.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  1. :root {
  2. justify-content: center;
  3. }
  4. .sprite-swap-overlay {
  5. flex-grow: 1;
  6. flex-direction: column;
  7. justify-content: space-between;
  8. }
  9. .sprite-swap-overlay__selector-list {
  10. flex-grow: 1;
  11. background-color: var(--unity-colors-default-background);
  12. }
  13. .sprite-swap-overlay__selector {
  14. padding: 1px 0;
  15. background-color: var(--unity-colors-default-background);
  16. border-top-width: 0.5px;
  17. border-bottom-width: 0.5px;
  18. border-color: black;
  19. }
  20. .unity-collection-view__item--selected > .sprite-swap-overlay__selector {
  21. border-color: var(--unity-colors-button-background-focus);
  22. }
  23. .sprite-swap-overlay__resolver-name-label {
  24. align-self: center;
  25. margin-bottom: 2px;
  26. }
  27. .unity-collection-view__item--selected {
  28. }
  29. .sprite-swap-overlay__category-and-label-name-container {
  30. background-color: var(--unity-colors-window-background);
  31. flex-direction: row;
  32. justify-content: space-between;
  33. }
  34. .sprite-swap-overlay__category-container {
  35. margin-left: 1px;
  36. align-self: center;
  37. width: 45%;
  38. }
  39. .sprite-swap-overlay__label-description {
  40. align-self: center;
  41. margin-right: 5px;
  42. overflow: hidden;
  43. }
  44. .unity-collection-view__item--selected > * > .sprite-swap-overlay__label-description {
  45. color: var(--unity-colors-label-text-focus);
  46. }
  47. .unity-collection-view__item--selected > * > .sprite-swap-overlay__label-description:disabled {
  48. color: var(--unity-colors-label-text-disabled);
  49. }
  50. .sprite-swap-overlay__label-container {
  51. background-color: var(--unity-colors-alternated_rows-background);
  52. flex-direction: row;
  53. }
  54. .sprite-swap-overlay__label-direction-button {
  55. align-self: center;
  56. min-width: 12px; width: 12px;
  57. min-height: 12px; height: 12px;
  58. }
  59. .sprite-swap-overlay__label-direction-button:hover {
  60. background-color: var(--unity-colors-scrollbar_button-background-hover);
  61. }
  62. .sprite-swap-overlay__label-images-container {
  63. flex-grow: 1;
  64. justify-content: center;
  65. }
  66. .sprite-swap-overlay__info-label-holder {
  67. justify-content: center;
  68. align-items: center;
  69. flex-grow: 1;
  70. flex-direction: row;
  71. }
  72. .sprite-swap-overlay__info-label-icon {
  73. height: 20px;
  74. }
  75. .sprite-swap-overlay__info-label {
  76. white-space: normal;
  77. padding: 10px;
  78. -unity-text-align: middle-center;
  79. }
  80. .sprite-swap-overlay__label-visual {
  81. align-items: center;
  82. padding: 3px;
  83. margin: 2px;
  84. border-width: 1px;
  85. border-color: var(--unity-colors-alternated_rows-background);
  86. background-color: var(--unity-colors-button-background);
  87. }
  88. .sprite-swap-overlay__label-selected {
  89. border-color: var(--unity-colors-toolbar-border);
  90. }
  91. .sprite-swap-overlay__toolbar {
  92. padding-top: 1px;
  93. flex-direction: row;
  94. bottom: 0;
  95. min-height: 20px;
  96. height: 20px;
  97. }
  98. .sprite-swap-overlay__toggle {
  99. align-self: center;
  100. padding: 1px 5px;
  101. width: 27px;
  102. height: 18px;
  103. border-radius: 3px;
  104. background-color: var(--unity-colors-button-background);
  105. }
  106. .sprite-swap-overlay__toggle:checked {
  107. background-color: var(--unity-colors-highlight-background);
  108. }
  109. .sprite-swap-overlay__thumbnail-settings {
  110. flex-direction: row;
  111. margin-left: auto;
  112. }
  113. .sprite-swap-overlay__slider {
  114. width: 120px;
  115. }
  116. .unity-collection-view__item--selected > .sprite-swap-overlay__label-container:focus > * > .sprite-swap-overlay__label-selected {
  117. border-color: var(--unity-colors-input_field-border-focus);
  118. }
  119. .unity-popup-field {
  120. justify-content: flex-start;
  121. }