wip
This commit is contained in:
@@ -75,7 +75,8 @@
|
||||
"caption": {
|
||||
"type": "rich-text",
|
||||
"source": "rich-text",
|
||||
"selector": ".blocks-gallery-caption"
|
||||
"selector": ".blocks-gallery-caption",
|
||||
"role": "content"
|
||||
},
|
||||
"imageCrop": {
|
||||
"type": "boolean",
|
||||
@@ -102,6 +103,10 @@
|
||||
"allowResize": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"aspectRatio": {
|
||||
"type": "string",
|
||||
"default": "auto"
|
||||
}
|
||||
},
|
||||
"providesContext": {
|
||||
|
||||
@@ -43,19 +43,6 @@
|
||||
.gallery-settings-buttons .components-button:first-child{
|
||||
margin-left:8px;
|
||||
}
|
||||
|
||||
.gallery-image-sizes .components-base-control__label{
|
||||
margin-bottom:4px;
|
||||
}
|
||||
.gallery-image-sizes .gallery-image-sizes__loading{
|
||||
align-items:center;
|
||||
color:#757575;
|
||||
display:flex;
|
||||
font-size:12px;
|
||||
}
|
||||
.gallery-image-sizes .components-spinner{
|
||||
margin:0 4px 0 8px;
|
||||
}
|
||||
.blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{
|
||||
outline:none;
|
||||
}
|
||||
|
||||
+1
-1
@@ -1 +1 @@
|
||||
:root :where(figure.wp-block-gallery){display:block}:root :where(figure.wp-block-gallery)>.blocks-gallery-caption{flex:0 0 100%}:root :where(figure.wp-block-gallery)>.blocks-gallery-media-placeholder-wrapper{flex-basis:100%}:root :where(figure.wp-block-gallery) .wp-block-image .components-notice.is-error{display:block}:root :where(figure.wp-block-gallery) .wp-block-image .components-notice__content{margin:4px 0}:root :where(figure.wp-block-gallery) .wp-block-image .components-notice__dismiss{left:5px;position:absolute;top:0}:root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .components-placeholder__label{display:none}:root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{margin-bottom:0}:root :where(figure.wp-block-gallery) .block-editor-media-placeholder{margin:0}:root :where(figure.wp-block-gallery) .block-editor-media-placeholder .components-placeholder__label{display:flex}:root :where(figure.wp-block-gallery) .block-editor-media-placeholder figcaption{z-index:2}:root :where(figure.wp-block-gallery) .components-spinner{margin-right:-9px;margin-top:-9px;position:absolute;right:50%;top:50%}.gallery-settings-buttons .components-button:first-child{margin-left:8px}.gallery-image-sizes .components-base-control__label{margin-bottom:4px}.gallery-image-sizes .gallery-image-sizes__loading{align-items:center;color:#757575;display:flex;font-size:12px}.gallery-image-sizes .components-spinner{margin:0 4px 0 8px}.blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{outline:none}.blocks-gallery-item figure.is-selected:before{bottom:0;box-shadow:0 0 0 1px #fff inset,0 0 0 3px var(--wp-admin-theme-color) inset;content:"";left:0;outline:2px solid #0000;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.blocks-gallery-item figure.is-transient img{opacity:.3}.blocks-gallery-item .block-editor-media-placeholder{height:100%;margin:0}.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{display:flex}.wp-block-gallery ul.blocks-gallery-grid{margin:0;padding:0}@media (min-width:600px){.wp-block-update-gallery-modal{max-width:480px}}.wp-block-update-gallery-modal-buttons{display:flex;gap:12px;justify-content:flex-end}
|
||||
:root :where(figure.wp-block-gallery){display:block}:root :where(figure.wp-block-gallery)>.blocks-gallery-caption{flex:0 0 100%}:root :where(figure.wp-block-gallery)>.blocks-gallery-media-placeholder-wrapper{flex-basis:100%}:root :where(figure.wp-block-gallery) .wp-block-image .components-notice.is-error{display:block}:root :where(figure.wp-block-gallery) .wp-block-image .components-notice__content{margin:4px 0}:root :where(figure.wp-block-gallery) .wp-block-image .components-notice__dismiss{left:5px;position:absolute;top:0}:root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .components-placeholder__label{display:none}:root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{margin-bottom:0}:root :where(figure.wp-block-gallery) .block-editor-media-placeholder{margin:0}:root :where(figure.wp-block-gallery) .block-editor-media-placeholder .components-placeholder__label{display:flex}:root :where(figure.wp-block-gallery) .block-editor-media-placeholder figcaption{z-index:2}:root :where(figure.wp-block-gallery) .components-spinner{margin-right:-9px;margin-top:-9px;position:absolute;right:50%;top:50%}.gallery-settings-buttons .components-button:first-child{margin-left:8px}.blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{outline:none}.blocks-gallery-item figure.is-selected:before{bottom:0;box-shadow:0 0 0 1px #fff inset,0 0 0 3px var(--wp-admin-theme-color) inset;content:"";left:0;outline:2px solid #0000;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.blocks-gallery-item figure.is-transient img{opacity:.3}.blocks-gallery-item .block-editor-media-placeholder{height:100%;margin:0}.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{display:flex}.wp-block-gallery ul.blocks-gallery-grid{margin:0;padding:0}@media (min-width:600px){.wp-block-update-gallery-modal{max-width:480px}}.wp-block-update-gallery-modal-buttons{display:flex;gap:12px;justify-content:flex-end}
|
||||
@@ -43,19 +43,6 @@
|
||||
.gallery-settings-buttons .components-button:first-child{
|
||||
margin-right:8px;
|
||||
}
|
||||
|
||||
.gallery-image-sizes .components-base-control__label{
|
||||
margin-bottom:4px;
|
||||
}
|
||||
.gallery-image-sizes .gallery-image-sizes__loading{
|
||||
align-items:center;
|
||||
color:#757575;
|
||||
display:flex;
|
||||
font-size:12px;
|
||||
}
|
||||
.gallery-image-sizes .components-spinner{
|
||||
margin:0 8px 0 4px;
|
||||
}
|
||||
.blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{
|
||||
outline:none;
|
||||
}
|
||||
|
||||
+1
-1
@@ -1 +1 @@
|
||||
:root :where(figure.wp-block-gallery){display:block}:root :where(figure.wp-block-gallery)>.blocks-gallery-caption{flex:0 0 100%}:root :where(figure.wp-block-gallery)>.blocks-gallery-media-placeholder-wrapper{flex-basis:100%}:root :where(figure.wp-block-gallery) .wp-block-image .components-notice.is-error{display:block}:root :where(figure.wp-block-gallery) .wp-block-image .components-notice__content{margin:4px 0}:root :where(figure.wp-block-gallery) .wp-block-image .components-notice__dismiss{position:absolute;right:5px;top:0}:root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .components-placeholder__label{display:none}:root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{margin-bottom:0}:root :where(figure.wp-block-gallery) .block-editor-media-placeholder{margin:0}:root :where(figure.wp-block-gallery) .block-editor-media-placeholder .components-placeholder__label{display:flex}:root :where(figure.wp-block-gallery) .block-editor-media-placeholder figcaption{z-index:2}:root :where(figure.wp-block-gallery) .components-spinner{left:50%;margin-left:-9px;margin-top:-9px;position:absolute;top:50%}.gallery-settings-buttons .components-button:first-child{margin-right:8px}.gallery-image-sizes .components-base-control__label{margin-bottom:4px}.gallery-image-sizes .gallery-image-sizes__loading{align-items:center;color:#757575;display:flex;font-size:12px}.gallery-image-sizes .components-spinner{margin:0 8px 0 4px}.blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{outline:none}.blocks-gallery-item figure.is-selected:before{bottom:0;box-shadow:0 0 0 1px #fff inset,0 0 0 3px var(--wp-admin-theme-color) inset;content:"";left:0;outline:2px solid #0000;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.blocks-gallery-item figure.is-transient img{opacity:.3}.blocks-gallery-item .block-editor-media-placeholder{height:100%;margin:0}.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{display:flex}.wp-block-gallery ul.blocks-gallery-grid{margin:0;padding:0}@media (min-width:600px){.wp-block-update-gallery-modal{max-width:480px}}.wp-block-update-gallery-modal-buttons{display:flex;gap:12px;justify-content:flex-end}
|
||||
:root :where(figure.wp-block-gallery){display:block}:root :where(figure.wp-block-gallery)>.blocks-gallery-caption{flex:0 0 100%}:root :where(figure.wp-block-gallery)>.blocks-gallery-media-placeholder-wrapper{flex-basis:100%}:root :where(figure.wp-block-gallery) .wp-block-image .components-notice.is-error{display:block}:root :where(figure.wp-block-gallery) .wp-block-image .components-notice__content{margin:4px 0}:root :where(figure.wp-block-gallery) .wp-block-image .components-notice__dismiss{position:absolute;right:5px;top:0}:root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .components-placeholder__label{display:none}:root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{margin-bottom:0}:root :where(figure.wp-block-gallery) .block-editor-media-placeholder{margin:0}:root :where(figure.wp-block-gallery) .block-editor-media-placeholder .components-placeholder__label{display:flex}:root :where(figure.wp-block-gallery) .block-editor-media-placeholder figcaption{z-index:2}:root :where(figure.wp-block-gallery) .components-spinner{left:50%;margin-left:-9px;margin-top:-9px;position:absolute;top:50%}.gallery-settings-buttons .components-button:first-child{margin-right:8px}.blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{outline:none}.blocks-gallery-item figure.is-selected:before{bottom:0;box-shadow:0 0 0 1px #fff inset,0 0 0 3px var(--wp-admin-theme-color) inset;content:"";left:0;outline:2px solid #0000;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.blocks-gallery-item figure.is-transient img{opacity:.3}.blocks-gallery-item .block-editor-media-placeholder{height:100%;margin:0}.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{display:flex}.wp-block-gallery ul.blocks-gallery-grid{margin:0;padding:0}@media (min-width:600px){.wp-block-update-gallery-modal{max-width:480px}}.wp-block-update-gallery-modal-buttons{display:flex;gap:12px;justify-content:flex-end}
|
||||
@@ -141,28 +141,23 @@ figure.wp-block-gallery.has-nested-images{
|
||||
right:0;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before{
|
||||
-webkit-backdrop-filter:blur(3px);
|
||||
backdrop-filter:blur(3px);
|
||||
backdrop-filter:blur(3px);
|
||||
content:"";
|
||||
height:100%;
|
||||
-webkit-mask-image:linear-gradient(0deg, #000 20%, #0000);
|
||||
mask-image:linear-gradient(0deg, #000 20%, #0000);
|
||||
max-height:40%;
|
||||
pointer-events:none;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
|
||||
background:linear-gradient(0deg, #0006, #0000);
|
||||
box-sizing:border-box;
|
||||
color:#fff;
|
||||
font-size:13px;
|
||||
margin:0;
|
||||
overflow:auto;
|
||||
padding:1em;
|
||||
scrollbar-color:#0000 #0000;
|
||||
scrollbar-gutter:stable both-edges;
|
||||
scrollbar-width:thin;
|
||||
text-align:center;
|
||||
text-shadow:0 0 1.5px #000;
|
||||
will-change:transform;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar{
|
||||
height:12px;
|
||||
@@ -180,14 +175,25 @@ figure.wp-block-gallery.has-nested-images{
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within::-webkit-scrollbar-thumb,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus::-webkit-scrollbar-thumb,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover::-webkit-scrollbar-thumb{
|
||||
background-color:#fffc;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
|
||||
scrollbar-color:#0000 #0000;
|
||||
scrollbar-gutter:stable both-edges;
|
||||
scrollbar-width:thin;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover{
|
||||
scrollbar-color:#fffc #0000;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
|
||||
will-change:transform;
|
||||
}
|
||||
@media (hover:none){
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
|
||||
scrollbar-color:#fffc #0000;
|
||||
}
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
|
||||
background:linear-gradient(0deg, #0006, #0000);
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img{
|
||||
display:inline;
|
||||
}
|
||||
|
||||
+1
-1
File diff suppressed because one or more lines are too long
@@ -141,28 +141,23 @@ figure.wp-block-gallery.has-nested-images{
|
||||
right:0;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before{
|
||||
-webkit-backdrop-filter:blur(3px);
|
||||
backdrop-filter:blur(3px);
|
||||
backdrop-filter:blur(3px);
|
||||
content:"";
|
||||
height:100%;
|
||||
-webkit-mask-image:linear-gradient(0deg, #000 20%, #0000);
|
||||
mask-image:linear-gradient(0deg, #000 20%, #0000);
|
||||
max-height:40%;
|
||||
pointer-events:none;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
|
||||
background:linear-gradient(0deg, #0006, #0000);
|
||||
box-sizing:border-box;
|
||||
color:#fff;
|
||||
font-size:13px;
|
||||
margin:0;
|
||||
overflow:auto;
|
||||
padding:1em;
|
||||
scrollbar-color:#0000 #0000;
|
||||
scrollbar-gutter:stable both-edges;
|
||||
scrollbar-width:thin;
|
||||
text-align:center;
|
||||
text-shadow:0 0 1.5px #000;
|
||||
will-change:transform;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar{
|
||||
height:12px;
|
||||
@@ -180,14 +175,25 @@ figure.wp-block-gallery.has-nested-images{
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within::-webkit-scrollbar-thumb,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus::-webkit-scrollbar-thumb,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover::-webkit-scrollbar-thumb{
|
||||
background-color:#fffc;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
|
||||
scrollbar-color:#0000 #0000;
|
||||
scrollbar-gutter:stable both-edges;
|
||||
scrollbar-width:thin;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover{
|
||||
scrollbar-color:#fffc #0000;
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
|
||||
will-change:transform;
|
||||
}
|
||||
@media (hover:none){
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
|
||||
scrollbar-color:#fffc #0000;
|
||||
}
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
|
||||
background:linear-gradient(0deg, #0006, #0000);
|
||||
}
|
||||
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img{
|
||||
display:inline;
|
||||
}
|
||||
|
||||
+1
-1
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user