wp/wp-includes/css/dist/edit-widgets/style-rtl.css
changeset 22 8c2e4d02f4ef
parent 21 48c4eec2b7e6
equal deleted inserted replaced
21:48c4eec2b7e6 22:8c2e4d02f4ef
    14   :root{
    14   :root{
    15     --wp-admin-border-width-focus:1.5px;
    15     --wp-admin-border-width-focus:1.5px;
    16   }
    16   }
    17 }
    17 }
    18 
    18 
    19 .components-panel__header.interface-complementary-area-header__small{
       
    20   background:#fff;
       
    21   padding-left:4px;
       
    22 }
       
    23 .components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{
       
    24   margin:0;
       
    25   overflow:hidden;
       
    26   text-overflow:ellipsis;
       
    27   white-space:nowrap;
       
    28   width:100%;
       
    29 }
       
    30 @media (min-width:782px){
       
    31   .components-panel__header.interface-complementary-area-header__small{
       
    32     display:none;
       
    33   }
       
    34 }
       
    35 
       
    36 .interface-complementary-area-header{
    19 .interface-complementary-area-header{
    37   background:#fff;
    20   background:#fff;
    38   gap:8px;
    21   gap:4px;
    39   padding-left:12px;
    22   padding-left:8px;
    40 }
    23 }
    41 .interface-complementary-area-header .interface-complementary-area-header__title{
    24 .interface-complementary-area-header .interface-complementary-area-header__title{
    42   margin:0;
    25   margin:0 0 0 auto;
    43 }
       
    44 .interface-complementary-area-header .components-button.has-icon{
       
    45   display:none;
       
    46   margin-right:auto;
       
    47 }
       
    48 .interface-complementary-area-header .components-button.has-icon~.components-button{
       
    49   margin-right:0;
       
    50 }
       
    51 @media (min-width:782px){
       
    52   .interface-complementary-area-header .components-button.has-icon{
       
    53     display:flex;
       
    54   }
       
    55 }
    26 }
    56 
    27 
    57 .interface-complementary-area{
    28 .interface-complementary-area{
    58   background:#fff;
    29   background:#fff;
    59   color:#1e1e1e;
    30   color:#1e1e1e;
    79   position:sticky;
    50   position:sticky;
    80   top:0;
    51   top:0;
    81   z-index:1;
    52   z-index:1;
    82 }
    53 }
    83 .interface-complementary-area .components-panel__header.editor-sidebar__panel-tabs{
    54 .interface-complementary-area .components-panel__header.editor-sidebar__panel-tabs{
    84   top:48px;
    55   top:0;
    85 }
    56 }
    86 @media (min-width:782px){
    57 .interface-complementary-area p:not(.components-base-control__help,.components-form-token-field__help){
    87   .interface-complementary-area .components-panel__header.editor-sidebar__panel-tabs{
       
    88     top:0;
       
    89   }
       
    90 }
       
    91 .interface-complementary-area p:not(.components-base-control__help){
       
    92   margin-top:0;
    58   margin-top:0;
    93 }
    59 }
    94 .interface-complementary-area h2{
    60 .interface-complementary-area h2{
    95   color:#1e1e1e;
    61   color:#1e1e1e;
    96   font-size:13px;
    62   font-size:13px;
   255   border-top:1px solid #e0e0e0;
   221   border-top:1px solid #e0e0e0;
   256   overflow:hidden;
   222   overflow:hidden;
   257 }
   223 }
   258 @media (min-width:782px){
   224 @media (min-width:782px){
   259   .interface-interface-skeleton__sidebar{
   225   .interface-interface-skeleton__sidebar{
   260     box-shadow:1px 1px 0 0 rgba(0,0,0,.133);
   226     box-shadow:1px 0 0 0 rgba(0,0,0,.133);
   261     outline:1px solid #0000;
   227     outline:1px solid #0000;
   262   }
   228   }
   263 }
   229 }
   264 
   230 
   265 .interface-interface-skeleton__secondary-sidebar{
   231 .interface-interface-skeleton__secondary-sidebar{
   266   border-top:1px solid #e0e0e0;
   232   border-top:1px solid #e0e0e0;
   267   left:0;
   233   left:0;
   268 }
   234 }
   269 @media (min-width:782px){
   235 @media (min-width:782px){
   270   .interface-interface-skeleton__secondary-sidebar{
   236   .interface-interface-skeleton__secondary-sidebar{
   271     box-shadow:-1px 1px 0 0 rgba(0,0,0,.133);
   237     box-shadow:-1px 0 0 0 rgba(0,0,0,.133);
   272     outline:1px solid #0000;
   238     outline:1px solid #0000;
   273   }
   239   }
   274 }
   240 }
   275 
   241 
   276 .interface-interface-skeleton__header{
   242 .interface-interface-skeleton__header{
   409 body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title,body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title *{
   375 body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title,body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title *{
   410   pointer-events:none;
   376   pointer-events:none;
   411 }
   377 }
   412 
   378 
   413 .edit-widgets-error-boundary{
   379 .edit-widgets-error-boundary{
   414   box-shadow:0 .7px 1px #00000026,0 2.7px 3.8px -.2px #00000026,0 5.5px 7.8px -.3px #00000026,-.1px 11.5px 16.4px -.5px #00000026;
   380   box-shadow:0 5px 15px #00000014,0 15px 27px #00000012,0 30px 36px #0000000a,0 50px 43px #00000005;
   415   margin:60px auto auto;
   381   margin:60px auto auto;
   416   max-width:780px;
   382   max-width:780px;
   417   padding:20px;
   383   padding:20px;
   418 }
   384 }
   419 
   385 
   474 
   440 
   475 .edit-widgets-header__navigable-toolbar-wrapper{
   441 .edit-widgets-header__navigable-toolbar-wrapper{
   476   align-items:center;
   442   align-items:center;
   477   display:flex;
   443   display:flex;
   478   flex-shrink:2;
   444   flex-shrink:2;
       
   445   height:60px;
   479   justify-content:center;
   446   justify-content:center;
   480   overflow:hidden;
   447   overflow:hidden;
   481   padding-left:8px;
   448   padding-left:8px;
   482   padding-right:16px;
   449   padding-right:16px;
   483 }
   450 }
   489 }
   456 }
   490 
   457 
   491 .edit-widgets-header__actions{
   458 .edit-widgets-header__actions{
   492   align-items:center;
   459   align-items:center;
   493   display:flex;
   460   display:flex;
   494   gap:4px;
   461   gap:8px;
   495   padding-left:16px;
   462   padding-left:4px;
   496 }
   463 }
   497 @media (min-width:600px){
   464 @media (min-width:600px){
   498   .edit-widgets-header__actions{
   465   .edit-widgets-header__actions{
   499     gap:8px;
   466     padding-left:8px;
   500   }
   467   }
   501 }
   468 }
   502 
   469 
   503 .edit-widgets-header-toolbar{
   470 .edit-widgets-header-toolbar{
   504   gap:8px;
   471   gap:8px;
   531   }
   498   }
   532 }
   499 }
   533 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle:after{
   500 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle:after{
   534   content:none;
   501   content:none;
   535 }
   502 }
   536 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg{
   503 @media not (prefers-reduced-motion){
   537   transition:transform .2s cubic-bezier(.165, .84, .44, 1);
       
   538 }
       
   539 @media (prefers-reduced-motion:reduce){
       
   540   .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg{
   504   .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg{
   541     transition-delay:0s;
   505     transition:transform .2s cubic-bezier(.165, .84, .44, 1);
   542     transition-duration:0s;
       
   543   }
   506   }
   544 }
   507 }
   545 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle.is-pressed svg{
   508 .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle.is-pressed svg{
   546   transform:rotate(-45deg);
   509   transform:rotate(-45deg);
   547 }
   510 }
   571   margin:0 1rem 0 0;
   534   margin:0 1rem 0 0;
   572   text-align:left;
   535   text-align:left;
   573 }
   536 }
   574 .edit-widgets-keyboard-shortcut-help-modal__shortcut-description{
   537 .edit-widgets-keyboard-shortcut-help-modal__shortcut-description{
   575   flex:1;
   538   flex:1;
   576   flex-basis:auto;
       
   577   margin:0;
   539   margin:0;
   578 }
   540 }
   579 .edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{
   541 .edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{
   580   background:none;
   542   background:none;
   581   display:block;
   543   display:block;
   659 }
   621 }
   660 .edit-widgets-layout__inserter-panel .block-editor-inserter__menu{
   622 .edit-widgets-layout__inserter-panel .block-editor-inserter__menu{
   661   overflow:hidden;
   623   overflow:hidden;
   662 }
   624 }
   663 
   625 
   664 .edit-widgets-layout__inserter-panel-header{
       
   665   display:flex;
       
   666   justify-content:flex-end;
       
   667   padding-left:8px;
       
   668   padding-top:8px;
       
   669 }
       
   670 
       
   671 .edit-widgets-layout__inserter-panel-content{
   626 .edit-widgets-layout__inserter-panel-content{
   672   height:calc(100% - 44px);
   627   height:calc(100% - 44px);
   673 }
   628 }
   674 .edit-widgets-layout__inserter-panel-content .block-editor-inserter__tablist-and-close{
   629 .edit-widgets-layout__inserter-panel-content .block-editor-inserter__tablist-and-close{
   675   display:none;
   630   display:none;
   751   align-items:center;
   706   align-items:center;
   752   border-bottom:1px solid #ddd;
   707   border-bottom:1px solid #ddd;
   753   display:flex;
   708   display:flex;
   754   height:48px;
   709   height:48px;
   755   justify-content:space-between;
   710   justify-content:space-between;
   756   padding-left:4px;
   711   padding-left:8px;
   757   padding-right:16px;
   712   padding-right:16px;
   758 }
   713 }
   759 
   714 
   760 body.js.appearance_page_gutenberg-widgets,body.js.widgets-php{
   715 body.js.appearance_page_gutenberg-widgets,body.js.widgets-php{
   761   background:#fff;
   716   background:#fff;