diff options
Diffstat (limited to 'wp-includes/css/dist/edit-widgets/style-rtl.css')
| -rw-r--r-- | wp-includes/css/dist/edit-widgets/style-rtl.css | 316 |
1 files changed, 51 insertions, 265 deletions
diff --git a/wp-includes/css/dist/edit-widgets/style-rtl.css b/wp-includes/css/dist/edit-widgets/style-rtl.css index efca586..503c039 100644 --- a/wp-includes/css/dist/edit-widgets/style-rtl.css +++ b/wp-includes/css/dist/edit-widgets/style-rtl.css @@ -8,6 +8,7 @@ --wp-admin-border-width-focus:2px; --wp-block-synced-color:#7a00df; --wp-block-synced-color--rgb:122, 0, 223; + --wp-bound-block-color:#9747ff; } @media (min-resolution:192dpi){ :root{ @@ -342,7 +343,7 @@ body.is-fullscreen-mode .interface-interface-skeleton{ } .interface-more-menu-dropdown__content .components-popover__content{ - min-width:280px; + min-width:300px; } @media (min-width:480px){ .interface-more-menu-dropdown__content .components-popover__content{ @@ -359,8 +360,7 @@ body.is-fullscreen-mode .interface-interface-skeleton{ .interface-pinned-items{ display:flex; - gap:4px; - margin-left:-4px; + gap:8px; } .interface-pinned-items .components-button{ display:none; @@ -377,92 +377,6 @@ body.is-fullscreen-mode .interface-interface-skeleton{ .interface-pinned-items .components-button{ display:flex; } - .interface-preferences-modal{ - height:calc(100% - 120px); - width:calc(100% - 32px); - } -} -@media (min-width:782px){ - .interface-preferences-modal{ - width:750px; - } -} -@media (min-width:960px){ - .interface-preferences-modal{ - height:70%; - } -} -@media (max-width:781px){ - .interface-preferences-modal .components-modal__content{ - padding:0; - } -} - -.interface-preferences__tabs .components-tab-panel__tabs{ - position:absolute; - right:16px; - top:84px; - width:160px; -} -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{ - border-radius:2px; - font-weight:400; -} -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active{ - background:#f0f0f0; - box-shadow:none; - font-weight:500; -} -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active:after{ - content:none; -} -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline:2px solid transparent; -} -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus-visible:before{ - content:none; -} -.interface-preferences__tabs .components-tab-panel__tab-content{ - margin-right:160px; - padding-right:24px; -} - -@media (max-width:781px){ - .interface-preferences__provider{ - height:100%; - } -} -.interface-preferences-modal__section{ - margin:0 0 2.5rem; -} -.interface-preferences-modal__section:last-child{ - margin:0; -} - -.interface-preferences-modal__section-legend{ - margin-bottom:8px; -} - -.interface-preferences-modal__section-title{ - font-size:.9rem; - font-weight:600; - margin-top:0; -} - -.interface-preferences-modal__section-description{ - color:#757575; - font-size:12px; - font-style:normal; - margin:-8px 0 8px; -} - -.interface-preferences-modal__option+.interface-preferences-modal__option{ - margin-top:16px; -} -.interface-preferences-modal__option .components-base-control__help{ - margin-right:48px; - margin-top:0; } .wp-block[data-type="core/widget-area"]{ @@ -512,7 +426,7 @@ body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .c } .edit-widgets-error-boundary{ - box-shadow:0 .7px 1px rgba(0,0,0,.15),0 2.7px 3.8px -.2px rgba(0,0,0,.15),0 5.5px 7.8px -.3px rgba(0,0,0,.15),-.1px 11.5px 16.4px -.5px rgba(0,0,0,.15); + 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; margin:60px auto auto; max-width:780px; padding:20px; @@ -531,11 +445,55 @@ body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .c overflow:visible; } } +.edit-widgets-header .selected-block-tools-wrapper{ + align-items:center; + display:flex; + height:60px; + overflow:hidden; +} +.edit-widgets-header .selected-block-tools-wrapper .block-editor-block-contextual-toolbar{ + border-bottom:0; + height:100%; +} +.edit-widgets-header .selected-block-tools-wrapper .block-editor-block-toolbar{ + height:100%; + padding-top:15px; +} +.edit-widgets-header .selected-block-tools-wrapper .block-editor-block-toolbar .components-button:not(.block-editor-block-mover-button){ + height:32px; +} +.edit-widgets-header .selected-block-tools-wrapper .components-toolbar,.edit-widgets-header .selected-block-tools-wrapper .components-toolbar-group{ + border-left:none; +} +.edit-widgets-header .selected-block-tools-wrapper .components-toolbar-group:after,.edit-widgets-header .selected-block-tools-wrapper .components-toolbar:after{ + background-color:#ddd; + content:""; + height:24px; + margin-right:8px; + margin-top:4px; + width:1px; +} +.edit-widgets-header .selected-block-tools-wrapper .components-toolbar .components-toolbar-group.components-toolbar-group:after,.edit-widgets-header .selected-block-tools-wrapper .components-toolbar-group .components-toolbar-group.components-toolbar-group:after{ + display:none; +} +.edit-widgets-header .selected-block-tools-wrapper .block-editor-block-mover.is-horizontal .block-editor-block-mover-button{ + height:32px; + overflow:visible; +} +@media (min-width:600px){ + .edit-widgets-header .selected-block-tools-wrapper .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{ + position:relative; + top:-10px; + } +} .edit-widgets-header__navigable-toolbar-wrapper{ align-items:center; display:flex; + flex-shrink:2; justify-content:center; + overflow:hidden; + padding-left:8px; padding-right:16px; } @@ -558,7 +516,7 @@ body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .c } .edit-widgets-header-toolbar{ - border:none; + gap:8px; } .edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon{ height:36px; @@ -570,7 +528,7 @@ body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .c } .edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon:focus:not(:disabled),.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon:focus:not(:disabled){ box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; - outline:1px solid transparent; + outline:1px solid #0000; } .edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon:before,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon:before{ display:none; @@ -651,90 +609,8 @@ body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .c } .components-panel__header.edit-widgets-sidebar__panel-tabs{ - border-top:0; - justify-content:flex-start; - margin-top:0; - padding-left:4px; padding-right:0; } -.components-panel__header.edit-widgets-sidebar__panel-tabs ul{ - display:flex; -} -.components-panel__header.edit-widgets-sidebar__panel-tabs li{ - margin:0; -} -.components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon{ - display:none; - margin-right:auto; -} -@media (min-width:782px){ - .components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon{ - display:flex; - } -} - -.components-button.edit-widgets-sidebar__panel-tab{ - background:transparent; - border:none; - border-radius:0; - box-shadow:none; - cursor:pointer; - font-weight:500; - height:48px; - margin-right:0; - padding:3px 16px; - position:relative; -} -.components-button.edit-widgets-sidebar__panel-tab:focus:not(:disabled){ - box-shadow:none; - outline:none; - position:relative; -} -.components-button.edit-widgets-sidebar__panel-tab:after{ - background:var(--wp-admin-theme-color); - border-radius:0; - bottom:0; - content:""; - height:calc(var(--wp-admin-border-width-focus)*0); - left:0; - pointer-events:none; - position:absolute; - right:0; - transition:all .1s linear; -} -@media (prefers-reduced-motion:reduce){ - .components-button.edit-widgets-sidebar__panel-tab:after{ - transition-delay:0s; - transition-duration:0s; - } -} -.components-button.edit-widgets-sidebar__panel-tab.is-active:after{ - height:calc(var(--wp-admin-border-width-focus)*1); - outline:2px solid transparent; - outline-offset:-1px; -} -.components-button.edit-widgets-sidebar__panel-tab:before{ - border-radius:2px; - bottom:12px; - box-shadow:0 0 0 0 transparent; - content:""; - left:12px; - pointer-events:none; - position:absolute; - right:12px; - top:12px; - transition:all .1s linear; -} -@media (prefers-reduced-motion:reduce){ - .components-button.edit-widgets-sidebar__panel-tab:before{ - transition-delay:0s; - transition-duration:0s; - } -} -.components-button.edit-widgets-sidebar__panel-tab:focus-visible:before{ - box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline:2px solid transparent; -} .edit-widgets-widget-areas__top-container{ display:flex; @@ -781,9 +657,8 @@ body.is-fullscreen-mode .edit-widgets-notices__snackbar{ } .edit-widgets-notices__dismissible .components-notice,.edit-widgets-notices__pinned .components-notice{ - border-bottom:1px solid rgba(0,0,0,.2); + border-bottom:1px solid #0003; box-sizing:border-box; - margin:0; min-height:60px; padding:0 12px; } @@ -816,12 +691,6 @@ body.is-fullscreen-mode .edit-widgets-notices__snackbar{ } } -@media (min-width:782px){ - .blocks-widgets-container .interface-interface-skeleton__header:not(:focus-within){ - z-index:19; - } -} - .edit-widgets-welcome-guide{ width:312px; } @@ -872,89 +741,6 @@ body.is-fullscreen-mode .edit-widgets-notices__snackbar{ padding:6px; } -.edit-widgets-block-editor .block-editor-block-contextual-toolbar.is-fixed{ - right:0; -} -@media (min-width:783px){ - .edit-widgets-block-editor .block-editor-block-contextual-toolbar.is-fixed{ - right:160px; - } -} -@media (min-width:783px){ - .auto-fold .edit-widgets-block-editor .block-editor-block-contextual-toolbar.is-fixed{ - right:36px; - } -} -@media (min-width:961px){ - .auto-fold .edit-widgets-block-editor .block-editor-block-contextual-toolbar.is-fixed{ - right:160px; - } -} -.folded .edit-widgets-block-editor .block-editor-block-contextual-toolbar.is-fixed{ - right:0; -} -@media (min-width:783px){ - .folded .edit-widgets-block-editor .block-editor-block-contextual-toolbar.is-fixed{ - right:36px; - } -} - -body.is-fullscreen-mode .edit-widgets-block-editor .block-editor-block-contextual-toolbar.is-fixed{ - right:0 !important; -} - -.edit-widgets-block-editor .block-editor-block-contextual-toolbar.is-fixed{ - display:block; - position:sticky; - top:0; - width:100%; - z-index:31; -} -@media (min-width:782px){ - .edit-widgets-block-editor .block-editor-block-contextual-toolbar.is-fixed{ - align-items:center; - border-bottom:none; - display:flex; - height:60px; - margin-right:180px; - min-height:auto; - position:fixed; - top:32px; - width:calc(100% - 180px); - } - .edit-widgets-block-editor .block-editor-block-contextual-toolbar.is-fixed.is-collapsed,.edit-widgets-block-editor .block-editor-block-contextual-toolbar.is-fixed:empty{ - width:auto; - } - .is-fullscreen-mode .edit-widgets-block-editor .block-editor-block-contextual-toolbar.is-fixed{ - margin-right:240px; - top:0; - } - .is-fullscreen-mode .edit-widgets-block-editor .block-editor-block-contextual-toolbar.is-fixed.is-collapsed,.is-fullscreen-mode .edit-widgets-block-editor .block-editor-block-contextual-toolbar.is-fixed:empty{ - width:auto; - } - .show-icon-labels .edit-widgets-block-editor .block-editor-block-contextual-toolbar.is-fixed{ - margin-right:80px; - width:calc(100% - 140px); - } - .is-fullscreen-mode .show-icon-labels .edit-widgets-block-editor .block-editor-block-contextual-toolbar.is-fixed{ - margin-right:144px; - } - .blocks-widgets-container .edit-widgets-block-editor .block-editor-block-contextual-toolbar.is-fixed{ - margin-right:153.6px; - } - .blocks-widgets-container .edit-widgets-block-editor .block-editor-block-contextual-toolbar.is-fixed.is-collapsed{ - margin-right:268.8px; - } -} -@media (min-width:960px){ - .edit-widgets-block-editor .block-editor-block-contextual-toolbar.is-fixed,.show-icon-labels .edit-widgets-block-editor .block-editor-block-contextual-toolbar.is-fixed{ - width:auto; - } - .is-fullscreen-mode .edit-widgets-block-editor .block-editor-block-contextual-toolbar.is-fixed{ - width:calc(100% - 536px); - } -} - .edit-widgets-editor__list-view-panel{ display:flex; flex-direction:column; |