SearchBar.uss 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. /* SearchBar Styles */
  2. .unity-search-bar {
  3. flex-direction: row;
  4. }
  5. .unity-search-bar__search-field {
  6. width: auto;
  7. flex: 1 1 auto;
  8. font-size: 12px;
  9. padding: 1px;
  10. border-radius: 2px;
  11. margin: 1px 0;
  12. }
  13. .unity-search-bar__search-field #unity-text-input {
  14. padding: 0;
  15. margin-top: 1px;
  16. font-size: 12px;
  17. }
  18. .unity-search-bar__search-field #unity-search {
  19. flex: var(--fixed-size);
  20. height: var(--icon-size);
  21. width: var(--icon-size);
  22. }
  23. .dark .unity-search-bar__search-field #unity-search {
  24. background-image: resource("Packages/com.unity.collab-proxy/Editor/Collaborate/Assets/Icons/search-dark.png");
  25. }
  26. .light .unity-search-bar__search-field #unity-search {
  27. background-image: resource("Packages/com.unity.collab-proxy/Editor/Collaborate/Assets/Icons/search-light.png");
  28. }
  29. .unity-search-bar__search-field #unity-cancel {
  30. flex: var(--fixed-size);
  31. height: var(--icon-size);
  32. width: var(--icon-size);
  33. margin-top: 0;
  34. }
  35. .dark .unity-search-bar__search-field #unity-cancel {
  36. background-image: resource("Packages/com.unity.collab-proxy/Editor/Collaborate/Assets/Icons/clear-dark.png");
  37. }
  38. .light .unity-search-bar__search-field #unity-cancel {
  39. background-image: resource("Packages/com.unity.collab-proxy/Editor/Collaborate/Assets/Icons/clear-light.png");
  40. }
  41. .unity-search-bar__search-field #unity-cancel.unity-search-field-base__cancel-button--off {
  42. background-image: none;
  43. }
  44. .unity-search-bar__placeholder {
  45. position: absolute;
  46. top: 4px;
  47. left: 20px;
  48. }
  49. .dark .unity-search-bar__placeholder {
  50. color: var(--dark-placeholder-text-color);
  51. }
  52. .light .unity-search-bar__placeholder {
  53. color: var(--light-placeholder-text-color);
  54. }