gutenberg.css 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213
  1. .field--gutenberg #edit-body-0-format {
  2. display: none;
  3. }
  4. .gutenberg-header-settings .form-actions {
  5. margin: 0;
  6. padding: 0;
  7. }
  8. .components-panel__header.edit-post-sidebar-header .components-icon-button {
  9. display: none;
  10. }
  11. .gutenberg__editor .edit-post-layout .edit-post-sidebar .edit-post-sidebar__panel-tabs ul {
  12. width: 100%;
  13. }
  14. .components-panel__header.edit-post-sidebar__panel-tabs li {
  15. flex: 1;
  16. }
  17. .edit-post-sidebar button.edit-post-sidebar__panel-tab {
  18. width: 100%;
  19. }
  20. .gutenberg__editor #edit-status-wrapper {
  21. margin: 1rem 0;
  22. }
  23. .gutenberg__editor #edit-status-wrapper .form-item {
  24. padding: 0;
  25. }
  26. .gutenberg__editor #edit-status-wrapper .form-item label.option {
  27. position: relative;
  28. top: 2px;
  29. margin-left: 2px;
  30. font-weight: bolder;
  31. }
  32. .edit-post-sidebar .entity-meta .entity-meta__header {
  33. padding: 10px 10px;
  34. }
  35. .edit-post-sidebar .entity-meta {
  36. margin-bottom: 0;
  37. }
  38. .gutenberg__editor .components-icon-button:not(:disabled):not([aria-disabled=true]):not(.is-default):hover {
  39. box-shadow: unset;
  40. }
  41. @media screen and (min-width: 782px) {
  42. .edit-post-text-editor__body {
  43. max-width: 90%;
  44. margin-left: auto;
  45. margin-right: auto;
  46. }
  47. }
  48. .components-icon-button.has-text svg {
  49. margin-right: 0;
  50. }
  51. .gutenberg__editor .edit-post-text-editor__toolbar {
  52. display: flex;
  53. align-items: center;
  54. }
  55. .gutenberg__editor .edit-post-text-editor {
  56. padding-top: 22px;
  57. }
  58. .edit-post-layout__metaboxes:not(:empty) {
  59. margin-bottom: 38px;
  60. }
  61. .gutenberg__editor .edit-post-layout .edit-post-sidebar .form-type-radio,
  62. .gutenberg__editor .edit-post-layout .edit-post-sidebar .form-type-checkbox {
  63. padding-left: 0 !important;
  64. }
  65. @media screen and (min-width: 782px) {
  66. body .gutenberg__editor .edit-post-layout .edit-post-header {
  67. top: 60px !important;
  68. }
  69. body.toolbar-horizontal.toolbar-tray-open .edit-post-layout__content {
  70. top: 130px !important;
  71. }
  72. body.toolbar-horizontal.toolbar-tray-open .edit-post-layout.is-mode-text .edit-post-layout__content {
  73. top: 180px !important;
  74. }
  75. body.toolbar-horizontal.toolbar-tray-open .edit-post-header {
  76. top: 102px !important;
  77. }
  78. .gutenberg__editor .edit-post-layout .edit-post-sidebar {
  79. top: 116px !important;
  80. }
  81. body.toolbar-horizontal.toolbar-tray-open .edit-post-sidebar {
  82. top: 158px !important;
  83. }
  84. }
  85. /* Gutenberg 8 */
  86. .interface-interface-skeleton,
  87. .toolbar-vertical.toolbar-tray-open .interface-interface-skeleton {
  88. top: 60px;
  89. }
  90. .toolbar-horizontal.toolbar-tray-open .interface-interface-skeleton {
  91. top: 120px;
  92. }
  93. .edit-post-layout__metaboxes {
  94. background-color: #ffffff;
  95. }
  96. .interface-interface-skeleton .edit-post-layout__metaboxes:not(:empty) {
  97. margin-bottom: 0;
  98. }
  99. .edit-post-layout__metaboxes:not(:empty) .edit-post-meta-boxes-area {
  100. max-width: 810px;
  101. margin: auto;
  102. }
  103. .interface-interface-skeleton .interface-complementary-area .form-type-checkbox .form-checkbox {
  104. margin-left: 0;
  105. width: 20px;
  106. height: 20px;
  107. }
  108. .interface-interface-skeleton .interface-complementary-area .form-item.form-type-checkbox {
  109. display: flex;
  110. }
  111. .interface-interface-skeleton .interface-complementary-area .form-item label.option {
  112. margin-bottom: 0;
  113. }
  114. .edit-post-manage-blocks-modal__checklist,
  115. .edit-post-keyboard-shortcut-help-modal__shortcut-list {
  116. margin-left: 0;
  117. padding-left: 0;
  118. }
  119. .edit-post-manage-blocks-modal__checklist-item {
  120. list-style: none;
  121. padding-left: 0;
  122. }
  123. .edit-post-manage-blocks-modal__checklist-item .components-checkbox-control__label {
  124. margin-bottom: 0;
  125. margin-right: 0;
  126. }
  127. .components-checkbox-control__checked {
  128. display: none;
  129. }
  130. .gutenberg input[type=checkbox]:focus,
  131. input.components-checkbox-control__input:focus {
  132. border: 2px solid #ccc;
  133. }
  134. @media (min-width: 768px) {
  135. .components-modal__frame {
  136. min-width: 500px;
  137. }
  138. }
  139. .gutenberg input[type=checkbox]:checked:focus,
  140. .components-modal__frame input[type=checkbox]:checked:focus {
  141. background-color: #0678be;
  142. box-shadow: inset 0 0 0 3px #fff;
  143. border: 2px solid #11a0d2;
  144. }
  145. .components-checkbox-control__input-container {
  146. width: 24px;
  147. height: 24px;
  148. }
  149. .components-modal__frame input[type=checkbox][aria-checked=mixed] {
  150. box-shadow: inset 0 0 0 3px #fff;
  151. background-color: #7cbc48;
  152. border-color: #7cbc48;
  153. }
  154. .components-modal__frame input[type=checkbox][aria-checked=mixed]:before {
  155. content: unset;
  156. }
  157. .edit-post-manage-blocks-modal__search .components-base-control__label {
  158. white-space: nowrap;
  159. margin-bottom: 0;
  160. }
  161. .edit-post-manage-blocks-modal__category-title .components-checkbox-control__label {
  162. margin-bottom: 0;
  163. }
  164. .components-base-control .components-base-control__field {
  165. display: flex;
  166. align-items: center;
  167. }