mirror of
https://github.com/WordPress/WordPress.git
synced 2024-11-14 14:45:45 +01:00
9aaa49f5a7
It brings with a set of iterations and follow-ups to the initial package update. It also fixes a regression that happened for interactive blocks. Props gziolo, luisherranz, cbravobernal. See #60315. Built from https://develop.svn.wordpress.org/trunk@57499 git-svn-id: http://core.svn.wordpress.org/trunk@57000 1a063a9b-81f0-0310-95a4-ce76da25c4cd
474 lines
13 KiB
CSS
474 lines
13 KiB
CSS
.editor-styles-wrapper .wp-block-navigation ul{
|
|
margin-bottom:0;
|
|
margin-left:0;
|
|
margin-top:0;
|
|
padding-left:0;
|
|
}
|
|
.editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block{
|
|
margin:revert;
|
|
}
|
|
|
|
.wp-block-navigation-item__label{
|
|
display:inline;
|
|
}
|
|
.wp-block-navigation-item,.wp-block-navigation__container{
|
|
background-color:inherit;
|
|
}
|
|
|
|
.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover>.wp-block-navigation__submenu-container{
|
|
opacity:0;
|
|
visibility:hidden;
|
|
}
|
|
|
|
.has-child.has-child-selected>.wp-block-navigation__submenu-container,.has-child.is-selected>.wp-block-navigation__submenu-container{
|
|
display:flex;
|
|
opacity:1;
|
|
visibility:visible;
|
|
}
|
|
|
|
.is-dragging-components-draggable .has-child.is-dragging-within>.wp-block-navigation__submenu-container{
|
|
opacity:1;
|
|
visibility:visible;
|
|
}
|
|
|
|
.is-editing>.wp-block-navigation__container{
|
|
display:flex;
|
|
flex-direction:column;
|
|
opacity:1;
|
|
visibility:visible;
|
|
}
|
|
|
|
.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container{
|
|
opacity:1;
|
|
visibility:hidden;
|
|
}
|
|
.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container .block-editor-block-draggable-chip-wrapper{
|
|
visibility:visible;
|
|
}
|
|
|
|
.is-editing>.wp-block-navigation__submenu-container>.block-list-appender{
|
|
display:block;
|
|
position:static;
|
|
width:100%;
|
|
}
|
|
.is-editing>.wp-block-navigation__submenu-container>.block-list-appender .block-editor-button-block-appender{
|
|
background:#1e1e1e;
|
|
border-radius:2px;
|
|
color:#fff;
|
|
margin-left:auto;
|
|
margin-right:0;
|
|
padding:0;
|
|
width:24px;
|
|
}
|
|
|
|
.wp-block-navigation__submenu-container .block-list-appender{
|
|
display:none;
|
|
}
|
|
.block-library-colors-selector{
|
|
width:auto;
|
|
}
|
|
.block-library-colors-selector .block-library-colors-selector__toggle{
|
|
display:block;
|
|
margin:0 auto;
|
|
padding:3px;
|
|
width:auto;
|
|
}
|
|
.block-library-colors-selector .block-library-colors-selector__icon-container{
|
|
align-items:center;
|
|
border-radius:4px;
|
|
display:flex;
|
|
height:30px;
|
|
margin:0 auto;
|
|
padding:3px;
|
|
position:relative;
|
|
}
|
|
.block-library-colors-selector .block-library-colors-selector__state-selection{
|
|
border-radius:11px;
|
|
box-shadow:inset 0 0 0 1px #0003;
|
|
height:22px;
|
|
line-height:20px;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
min-height:22px;
|
|
min-width:22px;
|
|
padding:2px;
|
|
width:22px;
|
|
}
|
|
.block-library-colors-selector .block-library-colors-selector__state-selection>svg{
|
|
min-width:auto !important;
|
|
}
|
|
.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg,.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg path{
|
|
color:inherit;
|
|
}
|
|
|
|
.block-library-colors-selector__popover .color-palette-controller-container{
|
|
padding:16px;
|
|
}
|
|
.block-library-colors-selector__popover .components-base-control__label{
|
|
height:20px;
|
|
line-height:20px;
|
|
}
|
|
.block-library-colors-selector__popover .component-color-indicator{
|
|
float:right;
|
|
margin-top:2px;
|
|
}
|
|
.block-library-colors-selector__popover .components-panel__body-title{
|
|
display:none;
|
|
}
|
|
|
|
.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender{
|
|
background-color:#1e1e1e;
|
|
color:#fff;
|
|
}
|
|
.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender{
|
|
padding:0;
|
|
}
|
|
|
|
.wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender{
|
|
background-color:initial;
|
|
color:#1e1e1e;
|
|
}
|
|
@keyframes loadingpulse{
|
|
0%{
|
|
opacity:1;
|
|
}
|
|
50%{
|
|
opacity:.5;
|
|
}
|
|
to{
|
|
opacity:1;
|
|
}
|
|
}
|
|
.components-placeholder.wp-block-navigation-placeholder{
|
|
background:none;
|
|
box-shadow:none;
|
|
color:inherit;
|
|
min-height:0;
|
|
outline:none;
|
|
padding:0;
|
|
}
|
|
.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset{
|
|
font-size:inherit;
|
|
}
|
|
.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button{
|
|
margin-bottom:0;
|
|
}
|
|
.wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder{
|
|
color:#1e1e1e;
|
|
}
|
|
|
|
.wp-block-navigation-placeholder__preview{
|
|
align-items:center;
|
|
background:#0000;
|
|
color:currentColor;
|
|
display:flex;
|
|
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
|
|
font-size:13px;
|
|
min-width:96px;
|
|
}
|
|
.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview{
|
|
display:none;
|
|
}
|
|
.wp-block-navigation-placeholder__preview:before{
|
|
border:1px dashed;
|
|
border-radius:2px;
|
|
border-radius:inherit;
|
|
bottom:0;
|
|
content:"";
|
|
display:block;
|
|
left:0;
|
|
pointer-events:none;
|
|
position:absolute;
|
|
right:0;
|
|
top:0;
|
|
}
|
|
.wp-block-navigation-placeholder__preview:before:before{
|
|
background:currentColor;
|
|
bottom:0;
|
|
content:"";
|
|
left:0;
|
|
opacity:.1;
|
|
pointer-events:none;
|
|
position:absolute;
|
|
right:0;
|
|
top:0;
|
|
}
|
|
.wp-block-navigation-placeholder__preview>svg{
|
|
fill:currentColor;
|
|
}
|
|
|
|
.wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset,.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset{
|
|
min-height:90px;
|
|
}
|
|
|
|
.wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset{
|
|
min-height:132px;
|
|
}
|
|
|
|
.wp-block-navigation-placeholder__controls,.wp-block-navigation-placeholder__preview{
|
|
align-items:flex-start;
|
|
flex-direction:row;
|
|
padding:6px 8px;
|
|
}
|
|
|
|
.wp-block-navigation-placeholder__controls{
|
|
background-color:#fff;
|
|
border-radius:2px;
|
|
box-shadow:inset 0 0 0 1px #1e1e1e;
|
|
display:none;
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
z-index:1;
|
|
}
|
|
.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls{
|
|
display:flex;
|
|
}
|
|
.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr{
|
|
display:none;
|
|
}
|
|
.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions{
|
|
align-items:flex-start;
|
|
flex-direction:column;
|
|
}
|
|
.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr{
|
|
display:none;
|
|
}
|
|
.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon{
|
|
height:36px;
|
|
margin-right:12px;
|
|
}
|
|
|
|
.wp-block-navigation-placeholder__actions__indicator{
|
|
align-items:center;
|
|
display:flex;
|
|
height:36px;
|
|
justify-content:flex-start;
|
|
line-height:0;
|
|
margin-left:4px;
|
|
padding:0 6px 0 0;
|
|
}
|
|
.wp-block-navigation-placeholder__actions__indicator svg{
|
|
fill:currentColor;
|
|
margin-right:4px;
|
|
}
|
|
|
|
.wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset{
|
|
flex-direction:row !important;
|
|
}
|
|
|
|
.wp-block-navigation-placeholder__actions{
|
|
align-items:center;
|
|
display:flex;
|
|
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
|
|
font-size:13px;
|
|
gap:6px;
|
|
height:100%;
|
|
}
|
|
.wp-block-navigation-placeholder__actions .components-dropdown,.wp-block-navigation-placeholder__actions>.components-button{
|
|
margin-right:0;
|
|
}
|
|
.wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr{
|
|
background-color:#1e1e1e;
|
|
border:0;
|
|
height:100%;
|
|
margin:auto 0;
|
|
max-height:16px;
|
|
min-height:1px;
|
|
min-width:1px;
|
|
}
|
|
.is-collapsed .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close{
|
|
display:none;
|
|
}
|
|
|
|
.wp-block-navigation__responsive-container.is-menu-open{
|
|
position:fixed;
|
|
top:155px;
|
|
}
|
|
@media (min-width:782px){
|
|
.wp-block-navigation__responsive-container.is-menu-open{
|
|
left:36px;
|
|
top:93px;
|
|
}
|
|
}
|
|
@media (min-width:960px){
|
|
.wp-block-navigation__responsive-container.is-menu-open{
|
|
left:160px;
|
|
}
|
|
}
|
|
|
|
@media (min-width:782px){
|
|
.has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{
|
|
top:141px;
|
|
}
|
|
}
|
|
|
|
.is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{
|
|
top:141px;
|
|
}
|
|
|
|
.is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open{
|
|
right:280px;
|
|
}
|
|
|
|
.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{
|
|
left:0;
|
|
top:155px;
|
|
}
|
|
@media (min-width:782px){
|
|
.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{
|
|
top:61px;
|
|
}
|
|
.is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{
|
|
top:109px;
|
|
}
|
|
}
|
|
.is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{
|
|
top:109px;
|
|
}
|
|
|
|
body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open{
|
|
bottom:0;
|
|
left:0;
|
|
right:0;
|
|
top:0;
|
|
}
|
|
|
|
.components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close,.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{
|
|
color:inherit;
|
|
height:auto;
|
|
padding:0;
|
|
}
|
|
|
|
.components-heading.wp-block-navigation-off-canvas-editor__title{
|
|
margin:0;
|
|
}
|
|
|
|
.wp-block-navigation-off-canvas-editor__header{
|
|
margin-bottom:8px;
|
|
}
|
|
|
|
.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender{
|
|
margin-top:16px;
|
|
}
|
|
|
|
@keyframes fadein{
|
|
0%{
|
|
opacity:0;
|
|
}
|
|
to{
|
|
opacity:1;
|
|
}
|
|
}
|
|
.wp-block-navigation__loading-indicator-container{
|
|
padding:8px 12px;
|
|
}
|
|
|
|
.wp-block-navigation .wp-block-navigation__uncontrolled-inner-blocks-loading-indicator{
|
|
margin-top:0;
|
|
}
|
|
|
|
@keyframes fadeouthalf{
|
|
0%{
|
|
opacity:1;
|
|
}
|
|
to{
|
|
opacity:.5;
|
|
}
|
|
}
|
|
.wp-block-navigation-delete-menu-button{
|
|
justify-content:center;
|
|
margin-bottom:16px;
|
|
width:100%;
|
|
}
|
|
|
|
.components-button.is-link.wp-block-navigation-manage-menus-button{
|
|
margin-bottom:16px;
|
|
}
|
|
|
|
.wp-block-navigation__overlay-menu-preview{
|
|
align-items:center;
|
|
background-color:#f0f0f0;
|
|
display:flex;
|
|
height:64px;
|
|
justify-content:space-between;
|
|
margin-bottom:12px;
|
|
padding:0 24px;
|
|
width:100%;
|
|
}
|
|
.wp-block-navigation__overlay-menu-preview.open{
|
|
background-color:#fff;
|
|
box-shadow:inset 0 0 0 1px #e0e0e0;
|
|
outline:1px solid #0000;
|
|
}
|
|
|
|
.wp-block-navigation-placeholder__actions hr+hr,.wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty{
|
|
display:none;
|
|
}
|
|
.wp-block-navigation__navigation-selector{
|
|
margin-bottom:16px;
|
|
width:100%;
|
|
}
|
|
|
|
.wp-block-navigation__navigation-selector-button{
|
|
border:1px solid;
|
|
justify-content:space-between;
|
|
width:100%;
|
|
}
|
|
|
|
.wp-block-navigation__navigation-selector-button__icon{
|
|
flex:0 0 auto;
|
|
}
|
|
|
|
.wp-block-navigation__navigation-selector-button__label{
|
|
flex:0 1 auto;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis;
|
|
white-space:nowrap;
|
|
}
|
|
|
|
.wp-block-navigation__navigation-selector-button--createnew{
|
|
border:1px solid;
|
|
margin-bottom:16px;
|
|
width:100%;
|
|
}
|
|
|
|
.wp-block-navigation__responsive-container-open.components-button{
|
|
opacity:1;
|
|
}
|
|
|
|
.wp-block-navigation__menu-inspector-controls{
|
|
overflow-x:auto;
|
|
scrollbar-color:#0000 #0000;
|
|
scrollbar-gutter:stable both-edges;
|
|
scrollbar-width:thin;
|
|
will-change:transform;
|
|
}
|
|
.wp-block-navigation__menu-inspector-controls::-webkit-scrollbar{
|
|
height:12px;
|
|
width:12px;
|
|
}
|
|
.wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-track{
|
|
background-color:initial;
|
|
}
|
|
.wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-thumb{
|
|
background-clip:padding-box;
|
|
background-color:initial;
|
|
border:3px solid #0000;
|
|
border-radius:8px;
|
|
}
|
|
.wp-block-navigation__menu-inspector-controls:focus-within::-webkit-scrollbar-thumb,.wp-block-navigation__menu-inspector-controls:focus::-webkit-scrollbar-thumb,.wp-block-navigation__menu-inspector-controls:hover::-webkit-scrollbar-thumb{
|
|
background-color:#949494;
|
|
}
|
|
.wp-block-navigation__menu-inspector-controls:focus,.wp-block-navigation__menu-inspector-controls:focus-within,.wp-block-navigation__menu-inspector-controls:hover{
|
|
scrollbar-color:#949494 #0000;
|
|
}
|
|
@media (hover:none){
|
|
.wp-block-navigation__menu-inspector-controls{
|
|
scrollbar-color:#949494 #0000;
|
|
}
|
|
}
|
|
|
|
.wp-block-navigation__menu-inspector-controls__empty-message{
|
|
margin-left:24px;
|
|
} |