LayoutOverlayStyle.uss 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
  1. /**********************************************************************************************************************/
  2. /* LayoutOverlay */
  3. /**********************************************************************************************************************/
  4. LayoutOverlay {
  5. flex-direction: column-reverse;
  6. overflow: hidden;
  7. }
  8. LayoutOverlay.HasScrollbar {
  9. margin-right: 18px;
  10. margin-bottom: 18px;
  11. }
  12. //Disable Horizontal Toolbar until needed
  13. LayoutOverlay > #HorizontalToolbar {
  14. height: 0;
  15. }
  16. LayoutOverlay > #HorizontalHolder {
  17. flex:1 auto;
  18. flex-direction: row;
  19. }
  20. LayoutOverlay > #HorizontalHolder > #VerticalToolbar {
  21. width: 140px;
  22. margin-left : 10px;
  23. }
  24. LayoutOverlay > #HorizontalHolder > #VerticalToolbar.Collapse {
  25. width: 50px;
  26. }
  27. LayoutOverlay > #HorizontalHolder > #LeftOverlay {
  28. flex-grow: 1;
  29. flex-direction: column-reverse;
  30. flex-wrap: wrap;
  31. align-items: flex-start;
  32. }
  33. LayoutOverlay > #HorizontalHolder > #RightOverlay {
  34. flex-grow: 1;
  35. flex-direction: column-reverse;
  36. flex-wrap: wrap-reverse;
  37. align-items: flex-start;
  38. }
  39. LayoutOverlay > #DropdownOverlay {
  40. height: 0;
  41. width: 0;
  42. }
  43. LayoutOverlay > #HorizontalHolder > #RightOverlay.VisibilityWindowOn {
  44. min-height : 400px;
  45. }
  46. LayoutOverlay > #HorizontalHolder > #RightOverlay {
  47. min-height : 250px;
  48. }
  49. LayoutOverlay > #HorizontalHolder > #RightOverlay PopupWindow {
  50. flex:1 0 auto;
  51. width : 280px;
  52. padding-left : 12px;
  53. padding-right : 12px;
  54. }
  55. LayoutOverlay > #HorizontalHolder > #RightOverlay PopupWindow #ModeField {
  56. margin-left : 0;
  57. }
  58. LayoutOverlay > #HorizontalHolder > #RightOverlay PopupWindow #BonePopupField {
  59. margin-left : 0;
  60. }
  61. LayoutOverlay > #HorizontalHolder > #RightOverlay PopupWindow #BonePopupField .unity-popup-field__input {
  62. flex-basis : 0px;
  63. }
  64. LayoutOverlay > #HorizontalHolder > #RightOverlay PopupWindow > #unity-content-container {
  65. flex:1 0 auto;
  66. }
  67. LayoutOverlay > #HorizontalHolder > #RightOverlay PopupWindow .form-row {
  68. max-height : 20px;
  69. flex-direction: row;
  70. margin-left : 0;
  71. margin-right : 0;
  72. margin-top : 0;
  73. margin-bottom : 0;
  74. flex : 1 0 auto;
  75. }
  76. LayoutOverlay > #HorizontalHolder > #RightOverlay PopupWindow .form-row-space {
  77. height : 5px;
  78. }
  79. LayoutOverlay > #HorizontalHolder > #RightOverlay PopupWindow .form-editor {
  80. flex-direction: row;
  81. flex: 6;
  82. }
  83. LayoutOverlay > #HorizontalHolder > #RightOverlay PopupWindow .form-popup {
  84. margin-left : 0px;
  85. flex : 1 0 auto;
  86. }
  87. LayoutOverlay > #HorizontalHolder > #RightOverlay PopupWindow .form-popup .unity-enum-field {
  88. flex : 1 0 auto;
  89. }
  90. LayoutOverlay > #HorizontalHolder > #RightOverlay PopupWindow .form-popup .unity-popup-field {
  91. flex : 1 0 auto;
  92. }
  93. LayoutOverlay > #HorizontalHolder > #RightOverlay PopupWindow .form-popup .unity-label {
  94. min-width : auto;
  95. flex : 4;
  96. }
  97. LayoutOverlay > #HorizontalHolder > #RightOverlay PopupWindow .form-popup .unity-enum-field__input,
  98. LayoutOverlay > #HorizontalHolder > #RightOverlay PopupWindow .form-popup .unity-popup-field__input {
  99. flex : 6;
  100. min-width : auto;
  101. }
  102. LayoutOverlay > #HorizontalHolder > #RightOverlay PopupWindow .form-toggle {
  103. margin-left : 0px;
  104. flex : 1;
  105. }
  106. LayoutOverlay > #HorizontalHolder > #RightOverlay PopupWindow .form-toggle .unity-toggle__input {
  107. justify-content : flex-end;
  108. }
  109. LayoutOverlay > #HorizontalHolder > #RightOverlay PopupWindow .form-integerfield {
  110. margin-left : 0px;
  111. flex : 1;
  112. }
  113. LayoutOverlay > #HorizontalHolder > #RightOverlay PopupWindow .form-integerfield IntegerInput {
  114. margin-left : 0px;
  115. flex : 6;
  116. }
  117. LayoutOverlay > #HorizontalHolder > #RightOverlay PopupWindow .slider-field {
  118. flex: 3;
  119. }
  120. LayoutOverlay > #HorizontalHolder > #RightOverlay PopupWindow Label {
  121. flex: 4;
  122. margin-top : 2px;
  123. margin-bottom : 2px;
  124. }
  125. LayoutOverlay > #HorizontalHolder > #RightOverlay PopupWindow Slider {
  126. flex: 7;
  127. margin-left : 4px;
  128. margin-top :2px;
  129. margin-right : 10px;
  130. margin-bottom :2px;
  131. }
  132. LayoutOverlay > #HorizontalHolder > #RightOverlay PopupWindow Button {
  133. flex : 1 0 auto;
  134. margin-left: 1px;
  135. margin-right: 1px;
  136. margin-top: 1px;
  137. margin-bottom: 1px;
  138. border-left-width: 1px;
  139. border-right-width: 1px;
  140. border-bottom-width: 1px;
  141. border-top-width: 1px;
  142. border-top-left-radius: 3px;
  143. border-top-right-radius: 3px;
  144. border-bottom-left-radius: 3px;
  145. border-bottom-right-radius: 3px;
  146. padding-left: 2px;
  147. padding-right: 2px;
  148. padding-bottom: 2px;
  149. padding-top: 2px;
  150. }
  151. LayoutOverlay > #HorizontalHolder > #RightOverlay PopupWindow Toggle {
  152. align-self : center;
  153. margin-bottom: 4px;
  154. }