66 * This is a WP-admin agnostic reset |
72 * This is a WP-admin agnostic reset |
67 */ |
73 */ |
68 /** |
74 /** |
69 * Reset the WP Admin page styles for Gutenberg-like pages. |
75 * Reset the WP Admin page styles for Gutenberg-like pages. |
70 */ |
76 */ |
71 .wp-block-gallery li { |
|
72 list-style-type: none; |
|
73 } |
|
74 .wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label { |
|
75 display: none; |
|
76 } |
|
77 .wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button { |
|
78 margin-bottom: 0; |
|
79 } |
|
80 |
|
81 figure.wp-block-gallery { |
77 figure.wp-block-gallery { |
82 display: block; |
78 display: block; |
|
79 } |
|
80 figure.wp-block-gallery.has-nested-images .components-drop-zone { |
|
81 display: none; |
|
82 pointer-events: none; |
|
83 } |
|
84 figure.wp-block-gallery > .blocks-gallery-caption { |
|
85 flex: 0 0 100%; |
|
86 } |
|
87 figure.wp-block-gallery > .blocks-gallery-media-placeholder-wrapper { |
|
88 flex-basis: 100%; |
|
89 } |
|
90 figure.wp-block-gallery .wp-block-image .components-notice.is-error { |
|
91 display: block; |
|
92 } |
|
93 figure.wp-block-gallery .wp-block-image .components-notice__content { |
|
94 margin: 4px 0; |
|
95 } |
|
96 figure.wp-block-gallery .wp-block-image .components-notice__dismiss { |
|
97 position: absolute; |
|
98 top: 0; |
|
99 right: 5px; |
|
100 } |
|
101 figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label { |
|
102 display: none; |
|
103 } |
|
104 figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button { |
|
105 margin-bottom: 0; |
|
106 } |
|
107 figure.wp-block-gallery .block-editor-media-placeholder { |
83 margin: 0; |
108 margin: 0; |
84 } |
109 } |
85 |
110 figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label { |
86 .blocks-gallery-grid.blocks-gallery-grid { |
111 display: flex; |
87 padding-left: 0; |
112 } |
88 margin-left: 0; |
113 figure.wp-block-gallery .block-editor-media-placeholder figcaption { |
89 margin-bottom: 0; |
114 z-index: 2; |
90 } |
115 } |
91 |
116 figure.wp-block-gallery .components-spinner { |
|
117 position: absolute; |
|
118 top: 50%; |
|
119 left: 50%; |
|
120 margin-top: -9px; |
|
121 margin-left: -9px; |
|
122 } |
|
123 |
|
124 /** |
|
125 * Gallery inspector controls settings. |
|
126 */ |
|
127 .gallery-settings-buttons .components-button:first-child { |
|
128 margin-right: 8px; |
|
129 } |
|
130 |
|
131 .gallery-image-sizes .components-base-control__label { |
|
132 display: block; |
|
133 margin-bottom: 4px; |
|
134 } |
|
135 .gallery-image-sizes .gallery-image-sizes__loading { |
|
136 display: flex; |
|
137 align-items: center; |
|
138 color: #757575; |
|
139 font-size: 12px; |
|
140 } |
|
141 .gallery-image-sizes .components-spinner { |
|
142 margin: 0 8px 0 4px; |
|
143 } |
|
144 |
|
145 /** |
|
146 * Deprecated css past this point. This can be removed once all galleries are migrated |
|
147 * to V2. |
|
148 */ |
92 .blocks-gallery-item figure:not(.is-selected):focus, |
149 .blocks-gallery-item figure:not(.is-selected):focus, |
93 .blocks-gallery-item img:focus { |
150 .blocks-gallery-item img:focus { |
94 outline: none; |
151 outline: none; |
95 } |
152 } |
96 .blocks-gallery-item figure.is-selected::before { |
153 .blocks-gallery-item figure.is-selected::before { |