WordPress/wp-includes/blocks/navigation/editor.css

452 lines
12 KiB
CSS
Raw Normal View History

.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 rgba(0,0,0,.2);
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:transparent;
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;
Update @wordpress packages Update packages to include these bug fixes from Gutenberg: - Site Logo: Add option to set site icon from Site Logo block - Navigation: Enable even more compact setup state. - Remove template parts from post content inserter an __unstable filter - Template Editor Mode: Hide editor mode switcher - Avoid using CSS variables for block gap styles - Try to fix auto resizing in template part focus mode - Lower the specificity of font size CSS Custom Properties in the editor - Site icon: Fix site icon styling to display non-square site icons within a square button - [Site Editor]: Register block editor shortcuts - Update regex to handle 404 template slug - Site Editor: Remove dead code - [Block Editor]: Restrict delete multi selected blocks shortcut - Fix: Gradients are not being applied by class - Update: Make the global styles subtitles font smaller - Post Content/Title: Reflect changes when previewing post - ServerSideRender: Fix loading state - [Block Library]: Fix editable post blocks in Query Loop with zero queryId - Post Excerpt: Fix previews - WP59: Contextualize "Export" string to differentiate it from other occurrences in WP Core - Tools Panel: Fix race conditions caused by conditionally displayed ToolsPanelItems - ToolsPanel: Allow items to register when panelId is null - Font Size Picker: Allow non-integers as simple CSS values and in hints - [Components - FontSizePicker]: Use incremental sequence of numbers as labels for the available font-sizes at the segmented control (conditionally) See #54487. Built from https://develop.svn.wordpress.org/trunk@52434 git-svn-id: http://core.svn.wordpress.org/trunk@52026 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2022-01-04 06:39:28 +01:00
}
.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;
}
@media (min-width:600px){
.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;
}
@media (min-width:600px){
.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container{
pointer-events:none;
}
.wp-block-navigation__responsive-close .block-editor-block-list__layout *,.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container .block-editor-block-list__layout *,.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close{
pointer-events:all;
}
}
.wp-block-navigation__responsive-close .wp-block-pages-list__item__link,.wp-block-navigation__responsive-container .wp-block-pages-list__item__link{
pointer-events:none;
}
.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 .components-spinner{
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 transparent;
}
.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%;
Editor: Sync changes from the Gutenberg plugin 14.1 release Updated WordPress packages necessary for releasing WordPress 6.1 Beta 1: - @wordpress/a11y@3.17.1 - @wordpress/annotations@2.17.2 - @wordpress/api-fetch@6.14.1 - @wordpress/autop@3.17.1 - @wordpress/babel-plugin-import-jsx-pragma@4.0.1 - @wordpress/babel-plugin-makepot@5.1.1 - @wordpress/babel-preset-default@7.1.1 - @wordpress/base-styles@4.8.1 - @wordpress/blob@3.17.1 - @wordpress/block-directory@3.15.2 - @wordpress/block-editor@10.0.2 - @wordpress/block-library@7.14.2 - @wordpress/block-serialization-default-parser@4.17.1 - @wordpress/block-serialization-spec-parser@4.17.1 - @wordpress/blocks@11.16.2 - @wordpress/browserslist-config@5.0.1 - @wordpress/components@21.0.2 - @wordpress/compose@5.15.2 - @wordpress/core-data@5.0.2 - @wordpress/create-block-tutorial-template@2.5.1 - @wordpress/create-block@4.1.1 - @wordpress/custom-templated-path-webpack-plugin@2.1.3 - @wordpress/customize-widgets@3.14.2 - @wordpress/data-controls@2.17.2 - @wordpress/data@7.1.2 - @wordpress/date@4.17.1 - @wordpress/dependency-extraction-webpack-plugin@4.0.2 - @wordpress/deprecated@3.17.1 - @wordpress/docgen@1.26.1 - @wordpress/dom-ready@3.17.1 - @wordpress/dom@3.17.2 - @wordpress/e2e-test-utils@8.1.1 - @wordpress/e2e-tests@5.1.2 - @wordpress/edit-post@6.14.2 - @wordpress/edit-site@4.14.2 - @wordpress/edit-widgets@4.14.2 - @wordpress/editor@12.16.2 - @wordpress/element@4.15.1 - @wordpress/env@5.2.1 - @wordpress/escape-html@2.17.1 - @wordpress/eslint-plugin@13.1.1 - @wordpress/format-library@3.15.2 - @wordpress/hooks@3.17.1 - @wordpress/html-entities@3.17.1 - @wordpress/i18n@4.17.1 - @wordpress/icons@9.8.1 - @wordpress/interface@4.16.2 - @wordpress/is-shallow-equal@4.17.1 - @wordpress/jest-console@6.0.1 - @wordpress/jest-preset-default@9.0.1 - @wordpress/jest-puppeteer-axe@5.0.1 - @wordpress/keyboard-shortcuts@3.15.2 - @wordpress/keycodes@3.17.1 - @wordpress/lazy-import@1.4.3 - @wordpress/library-export-default-webpack-plugin@2.3.3 - @wordpress/list-reusable-blocks@3.15.2 - @wordpress/media-utils@4.8.1 - @wordpress/notices@3.17.2 - @wordpress/npm-package-json-lint-config@4.2.1 - @wordpress/nux@5.15.2 - @wordpress/plugins@4.15.2 - @wordpress/postcss-plugins-preset@4.1.1 - @wordpress/postcss-themes@5.0.1 - @wordpress/preferences-persistence@1.9.1 - @wordpress/preferences@2.9.2 - @wordpress/prettier-config@2.0.1 - @wordpress/primitives@3.15.1 - @wordpress/priority-queue@2.17.2 - @wordpress/project-management-automation@1.16.1 - @wordpress/react-i18n@3.15.1 - @wordpress/readable-js-assets-webpack-plugin@2.0.1 - @wordpress/redux-routine@4.17.1 - @wordpress/reusable-blocks@3.15.2 - @wordpress/rich-text@5.15.2 - @wordpress/scripts@24.1.2 - @wordpress/server-side-render@3.15.2 - @wordpress/shortcode@3.17.1 - @wordpress/style-engine@1.0.1 - @wordpress/stylelint-config@21.0.1 - @wordpress/token-list@2.17.1 - @wordpress/url@3.18.1 - @wordpress/viewport@4.15.2 - @wordpress/warning@2.17.1 - @wordpress/widgets@2.15.2 - @wordpress/wordcount@3.17.1 Props bernhard-reiter, cbravobernal, czapla, oandregal, isabel_brison, andrewserong, mciampini. See #56467. Built from https://develop.svn.wordpress.org/trunk@54257 git-svn-id: http://core.svn.wordpress.org/trunk@53816 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2022-09-20 17:43:29 +02:00
}
.wp-block-navigation__navigation-selector-button{
border:1px solid;
justify-content:space-between;
width:100%;
Editor: Sync changes from the Gutenberg plugin 14.1 release Updated WordPress packages necessary for releasing WordPress 6.1 Beta 1: - @wordpress/a11y@3.17.1 - @wordpress/annotations@2.17.2 - @wordpress/api-fetch@6.14.1 - @wordpress/autop@3.17.1 - @wordpress/babel-plugin-import-jsx-pragma@4.0.1 - @wordpress/babel-plugin-makepot@5.1.1 - @wordpress/babel-preset-default@7.1.1 - @wordpress/base-styles@4.8.1 - @wordpress/blob@3.17.1 - @wordpress/block-directory@3.15.2 - @wordpress/block-editor@10.0.2 - @wordpress/block-library@7.14.2 - @wordpress/block-serialization-default-parser@4.17.1 - @wordpress/block-serialization-spec-parser@4.17.1 - @wordpress/blocks@11.16.2 - @wordpress/browserslist-config@5.0.1 - @wordpress/components@21.0.2 - @wordpress/compose@5.15.2 - @wordpress/core-data@5.0.2 - @wordpress/create-block-tutorial-template@2.5.1 - @wordpress/create-block@4.1.1 - @wordpress/custom-templated-path-webpack-plugin@2.1.3 - @wordpress/customize-widgets@3.14.2 - @wordpress/data-controls@2.17.2 - @wordpress/data@7.1.2 - @wordpress/date@4.17.1 - @wordpress/dependency-extraction-webpack-plugin@4.0.2 - @wordpress/deprecated@3.17.1 - @wordpress/docgen@1.26.1 - @wordpress/dom-ready@3.17.1 - @wordpress/dom@3.17.2 - @wordpress/e2e-test-utils@8.1.1 - @wordpress/e2e-tests@5.1.2 - @wordpress/edit-post@6.14.2 - @wordpress/edit-site@4.14.2 - @wordpress/edit-widgets@4.14.2 - @wordpress/editor@12.16.2 - @wordpress/element@4.15.1 - @wordpress/env@5.2.1 - @wordpress/escape-html@2.17.1 - @wordpress/eslint-plugin@13.1.1 - @wordpress/format-library@3.15.2 - @wordpress/hooks@3.17.1 - @wordpress/html-entities@3.17.1 - @wordpress/i18n@4.17.1 - @wordpress/icons@9.8.1 - @wordpress/interface@4.16.2 - @wordpress/is-shallow-equal@4.17.1 - @wordpress/jest-console@6.0.1 - @wordpress/jest-preset-default@9.0.1 - @wordpress/jest-puppeteer-axe@5.0.1 - @wordpress/keyboard-shortcuts@3.15.2 - @wordpress/keycodes@3.17.1 - @wordpress/lazy-import@1.4.3 - @wordpress/library-export-default-webpack-plugin@2.3.3 - @wordpress/list-reusable-blocks@3.15.2 - @wordpress/media-utils@4.8.1 - @wordpress/notices@3.17.2 - @wordpress/npm-package-json-lint-config@4.2.1 - @wordpress/nux@5.15.2 - @wordpress/plugins@4.15.2 - @wordpress/postcss-plugins-preset@4.1.1 - @wordpress/postcss-themes@5.0.1 - @wordpress/preferences-persistence@1.9.1 - @wordpress/preferences@2.9.2 - @wordpress/prettier-config@2.0.1 - @wordpress/primitives@3.15.1 - @wordpress/priority-queue@2.17.2 - @wordpress/project-management-automation@1.16.1 - @wordpress/react-i18n@3.15.1 - @wordpress/readable-js-assets-webpack-plugin@2.0.1 - @wordpress/redux-routine@4.17.1 - @wordpress/reusable-blocks@3.15.2 - @wordpress/rich-text@5.15.2 - @wordpress/scripts@24.1.2 - @wordpress/server-side-render@3.15.2 - @wordpress/shortcode@3.17.1 - @wordpress/style-engine@1.0.1 - @wordpress/stylelint-config@21.0.1 - @wordpress/token-list@2.17.1 - @wordpress/url@3.18.1 - @wordpress/viewport@4.15.2 - @wordpress/warning@2.17.1 - @wordpress/widgets@2.15.2 - @wordpress/wordcount@3.17.1 Props bernhard-reiter, cbravobernal, czapla, oandregal, isabel_brison, andrewserong, mciampini. See #56467. Built from https://develop.svn.wordpress.org/trunk@54257 git-svn-id: http://core.svn.wordpress.org/trunk@53816 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2022-09-20 17:43:29 +02:00
}
.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;
}