wp/wp-includes/blocks/navigation/editor.css
changeset 22 8c2e4d02f4ef
parent 21 48c4eec2b7e6
equal deleted inserted replaced
21:48c4eec2b7e6 22:8c2e4d02f4ef
    51   position:static;
    51   position:static;
    52   width:100%;
    52   width:100%;
    53 }
    53 }
    54 .is-editing>.wp-block-navigation__submenu-container>.block-list-appender .block-editor-button-block-appender{
    54 .is-editing>.wp-block-navigation__submenu-container>.block-list-appender .block-editor-button-block-appender{
    55   background:#1e1e1e;
    55   background:#1e1e1e;
    56   border-radius:2px;
       
    57   color:#fff;
    56   color:#fff;
    58   margin-left:auto;
    57   margin-left:auto;
    59   margin-right:0;
    58   margin-right:0;
    60   padding:0;
    59   padding:0;
    61   width:24px;
    60   width:24px;
   117 }
   116 }
   118 
   117 
   119 .wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender{
   118 .wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender{
   120   background-color:#1e1e1e;
   119   background-color:#1e1e1e;
   121   color:#fff;
   120   color:#fff;
       
   121   height:24px;
   122 }
   122 }
   123 .wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender{
   123 .wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender{
   124   padding:0;
   124   padding:0;
   125 }
   125 }
   126 
   126 
   169 .wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview{
   169 .wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview{
   170   display:none;
   170   display:none;
   171 }
   171 }
   172 .wp-block-navigation-placeholder__preview:before{
   172 .wp-block-navigation-placeholder__preview:before{
   173   border:1px dashed;
   173   border:1px dashed;
   174   border-radius:2px;
       
   175   border-radius:inherit;
   174   border-radius:inherit;
   176   bottom:0;
   175   bottom:0;
   177   content:"";
   176   content:"";
   178   display:block;
   177   display:block;
   179   left:0;
   178   left:0;
   180   pointer-events:none;
   179   pointer-events:none;
   181   position:absolute;
   180   position:absolute;
   182   right:0;
   181   right:0;
   183   top:0;
   182   top:0;
   184 }
   183 }
   185 .wp-block-navigation-placeholder__preview:before:before{
       
   186   background:currentColor;
       
   187   bottom:0;
       
   188   content:"";
       
   189   left:0;
       
   190   opacity:.1;
       
   191   pointer-events:none;
       
   192   position:absolute;
       
   193   right:0;
       
   194   top:0;
       
   195 }
       
   196 .wp-block-navigation-placeholder__preview>svg{
   184 .wp-block-navigation-placeholder__preview>svg{
   197   fill:currentColor;
   185   fill:currentColor;
   198 }
   186 }
   199 
   187 
   200 .wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset,.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset{
   188 .wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset,.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset{
   297   .wp-block-navigation__responsive-container.is-menu-open{
   285   .wp-block-navigation__responsive-container.is-menu-open{
   298     left:160px;
   286     left:160px;
   299   }
   287   }
   300 }
   288 }
   301 
   289 
   302 @media (min-width:782px){
       
   303   .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{
       
   304     top:141px;
       
   305   }
       
   306 }
       
   307 
       
   308 .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{
   290 .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{
   309   top:141px;
   291   top:141px;
   310 }
   292 }
   311 
   293 
   312 .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{
   294 .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{
   314   top:155px;
   296   top:155px;
   315 }
   297 }
   316 @media (min-width:782px){
   298 @media (min-width:782px){
   317   .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{
   299   .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{
   318     top:61px;
   300     top:61px;
   319   }
       
   320   .is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{
       
   321     top:109px;
       
   322   }
   301   }
   323 }
   302 }
   324 .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{
   303 .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{
   325   top:109px;
   304   top:109px;
   326 }
   305 }
   386 
   365 
   387 .wp-block-navigation__overlay-menu-preview{
   366 .wp-block-navigation__overlay-menu-preview{
   388   align-items:center;
   367   align-items:center;
   389   background-color:#f0f0f0;
   368   background-color:#f0f0f0;
   390   display:flex;
   369   display:flex;
   391   height:64px;
   370   height:64px !important;
   392   justify-content:space-between;
   371   justify-content:space-between;
   393   margin-bottom:12px;
   372   margin-bottom:12px;
   394   padding:0 24px;
   373   padding:0 24px;
   395   width:100%;
   374   width:100%;
   396 }
   375 }
   468 }
   447 }
   469 
   448 
   470 .wp-block-navigation__menu-inspector-controls__empty-message{
   449 .wp-block-navigation__menu-inspector-controls__empty-message{
   471   margin-left:24px;
   450   margin-left:24px;
   472 }
   451 }
       
   452 
       
   453 .wp-block-navigation__overlay-menu-icon-toggle-group{
       
   454   margin-bottom:16px;
       
   455 }