暂无描述

widget-conditions.css 4.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213
  1. .wp-customizer .expanded .widget-conditional .widget-conditional-inner {
  2. width: 98%;
  3. -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  4. -moz-box-sizing: border-box; /* Firefox, other Gecko */
  5. box-sizing: border-box;
  6. }
  7. .wp-customizer .expanded .widget-conditional .form{
  8. overflow: scroll;
  9. margin-bottom: 20px;
  10. }
  11. .widget-liquid-right .widget.expanded {
  12. overflow: visible;
  13. }
  14. .widget-conditional-hide {
  15. display: none;
  16. }
  17. .widget-conditional .widget-conditional-inner {
  18. background: #f6f7f7;
  19. border: 1px solid #dcdcde;
  20. padding: 12px 10px 0;
  21. }
  22. .widget-conditional {
  23. margin-bottom: 12px;
  24. margin-top: 10px;
  25. }
  26. .widget-conditional .conditions{
  27. margin-bottom: 12px;
  28. }
  29. .widget-conditional .condition,
  30. .widget-conditional .condition-top {
  31. clear:both;
  32. }
  33. .widget-conditional .condition {
  34. padding-top: 12px;
  35. position: relative;
  36. }
  37. .widget-conditional .condition select {
  38. width: 120px;
  39. position: relative;
  40. z-index: 2;
  41. }
  42. .widget-conditional .condition-top select {
  43. width: auto;
  44. }
  45. .widget-conditional .condition-control {
  46. padding-top: 4px;
  47. clear: both;
  48. margin-top: -20px;
  49. }
  50. .widget-conditional .selection {
  51. margin-right: 50px;
  52. margin-left: 20px;
  53. }
  54. .widget-conditional .conditions-rule-has-children {
  55. display: block;
  56. }
  57. .widget-conditional .condition .actions {
  58. margin-top: -28px;
  59. }.widget-conditional .condition .actions {
  60. margin-top: -28px;
  61. }
  62. .widget-conditional .condition-control a {
  63. text-decoration: none;
  64. position: absolute;
  65. top: 17px;
  66. text-indent: -9999px;
  67. z-index: 1;
  68. }
  69. .wp-block-legacy-widget__edit-form .widget-conditional .condition-control a {
  70. top: 20px;
  71. }
  72. .widget-conditional .condition-control a:before {
  73. position: absolute;
  74. text-indent: 0;
  75. top: 0;
  76. left: 0;
  77. }
  78. .wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional .condition-control .delete-condition,
  79. .widget-conditional .condition-control .delete-condition {
  80. left: 0;
  81. color: #f11;
  82. }
  83. .widget-conditional .condition-control .add-condition {
  84. right: 0;
  85. }
  86. .wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional .widget-conditional-inner a.dashicons {
  87. font-family: dashicons;
  88. }
  89. .wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional-inner select {
  90. display:initial;
  91. width:auto;
  92. background-color: #fff;
  93. }
  94. .wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional .widget-conditional-inner select:disabled {
  95. color: #a7aaad;
  96. border-color: #dcdcde;
  97. background-color: #f6f7f7;
  98. }
  99. .editor-styles-wrapper .wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional .alignleft {
  100. margin-left:20px
  101. }
  102. .widget-conditional .condition:last-child .condition-conjunction,
  103. .widget-conditional .condition:last-child .condition-intersection {
  104. display: none;
  105. }
  106. .widget-conditional.conjunction .condition-intersection {
  107. display: none;
  108. }
  109. .widget-conditional.intersection .condition-conjunction {
  110. display: none;
  111. }
  112. .wp-core-ui .button.display-options {
  113. margin-right: 5px;
  114. }
  115. .wp-core-ui .button.display-options:hover {
  116. text-decoration: none;
  117. }
  118. .wp-customizer .widget-conditional select {
  119. min-width: 0;
  120. max-width: none;
  121. height: auto;
  122. }
  123. .wp-customizer .widget-conditional .condition-control a {
  124. top: 15px;
  125. }
  126. @media screen and ( max-width: 782px ) {
  127. .widget-conditional .condition-control a {
  128. top: 20px;
  129. }
  130. }
  131. .wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional-inner {
  132. /*
  133. * fonts of labels are reset to 13px in gutenberg editor for legacy widgets, ensure a consistent look on non-labels
  134. */
  135. font-size: 13px;
  136. }
  137. /*
  138. * Rules for gutenberg advanced panel
  139. */
  140. .widget-vis__wrapper .components-base-control,
  141. .widget-vis__rule .components-base-control {
  142. margin-bottom: 12px;
  143. }
  144. .widget-vis__rule {
  145. padding: 12px;
  146. border: 1px solid #dcdcde;
  147. display: flex;
  148. flex-direction: column;
  149. margin-bottom: 12px;
  150. }
  151. .widget-vis__rule-major,
  152. .widget-vis__rule-minor {
  153. display: flex;
  154. justify-content: stretch;
  155. align-items: center;
  156. }
  157. .widget-vis__if,
  158. .widget-vis__is {
  159. margin-right: 8px;
  160. width: 10px;
  161. }
  162. .widget-vis__show-hide {
  163. margin-bottom: 0;
  164. }
  165. .components-button.widget-vis__add-new-rule {
  166. display: block;
  167. }
  168. .widget-vis__delete-rule {
  169. margin-top: 6px;
  170. text-align: right;
  171. }
  172. .widget-vis__match-all {
  173. margin-top: 12px;
  174. }
  175. .widget-vis__select {
  176. width: 100%;
  177. }
  178. .widget-vis__select .components-input-control__container {
  179. position: relative;
  180. top: 4px;
  181. }
  182. .widget-vis__select-multi-level select option:disabled {
  183. font-size: 18px;
  184. font-weight: 600;
  185. }