diff -r c7c34916027a -r 177826044cd9 wp/wp-includes/css/editor.css --- a/wp/wp-includes/css/editor.css Mon Oct 14 18:06:33 2019 +0200 +++ b/wp/wp-includes/css/editor.css Mon Oct 14 18:28:13 2019 +0200 @@ -34,7 +34,7 @@ .mce-window { border-radius: 0; - box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); -webkit-font-smoothing: subpixel-antialiased; transition: none; } @@ -88,7 +88,7 @@ .mce-window-head .mce-close:focus .mce-i-remove, div.mce-tab:focus { box-shadow: 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, .8); + 0 0 2px 1px rgba(30, 140, 190, 0.8); } .mce-window .mce-window-head .mce-dragh { @@ -104,7 +104,7 @@ #wp-link .query-results { border: 1px solid #ddd; border-radius: 0; - box-shadow: inset 0 1px 2px rgba(0,0,0,0.07); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); transition: .05s all ease-in-out; } @@ -113,7 +113,7 @@ .mce-checkbox:focus i.mce-i-checkbox, #wp-link .query-results:focus { border-color: #5b9dd9; - box-shadow: 0 0 2px rgba(30,140,190,0.8); + box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); } .mce-window .mce-wp-help { @@ -189,20 +189,20 @@ font-weight: 600; margin: 0; background: #eaeaea; - background: rgba(0,0,0,0.08); + background: rgba(0, 0, 0, 0.08); } .mce-window .wp-help-th-center td:nth-child(odd), .mce-window .wp-help-th-center th:nth-child(odd) { - text-align: center; + text-align: center; } /* TinyMCE menus */ .mce-menu, .mce-floatpanel.mce-popover { - border-color: rgba(0,0,0,0.15); + border-color: rgba(0, 0, 0, 0.15); border-radius: 0; - box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 ); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); } .mce-menu, @@ -253,7 +253,7 @@ div.mce-inline-toolbar-grp { border: 1px solid #a0a5aa; border-radius: 2px; - box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 ); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-sizing: border-box; margin-bottom: 8px; position: absolute; @@ -361,6 +361,15 @@ margin: 0; } +/* Classic block hide/show toolbars */ +.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) { + display: none; +} + +.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar { + display: block; +} + div.mce-statusbar { border-top: 1px solid #e5e5e5; } @@ -404,7 +413,7 @@ background: #fafafa; border-color: #555d66; color: #23282d; - box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 ); + box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08); outline: none; } @@ -413,7 +422,7 @@ .qt-dfw.active { background: #ebebeb; border-color: #555d66; - box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 ); + box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.3); } .mce-btn.mce-active, @@ -521,11 +530,11 @@ /* mce listbox */ .mce-toolbar .mce-btn-group .mce-btn.mce-listbox { - border-radius: 0; - direction: ltr; - background: #fff; - border: 1px solid #ddd; - box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2); + border-radius: 0; + direction: ltr; + background: #fff; + border: 1px solid #ddd; + box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, 0.2); } .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover, @@ -570,21 +579,37 @@ .mce-menu .mce-menu-item:hover, .mce-menu .mce-menu-item.mce-selected, .mce-menu .mce-menu-item:focus, -.mce-menu .mce-menu-item-normal.mce-active, -.mce-menu .mce-menu-item-preview.mce-active { +.mce-menu .mce-menu-item.mce-active.mce-menu-item-normal, +.mce-menu .mce-menu-item.mce-active.mce-menu-item-preview { background: #0073aa; /* See color scheme. */ color: #fff; } -.mce-menu-item:hover .mce-text, -.mce-menu-item:focus .mce-text, -.mce-menu-item:hover .mce-ico, -.mce-menu-item:focus .mce-ico, -.mce-menu-item:hover .mce-menu-shortcut, -.mce-menu-item:focus .mce-menu-shortcut, -.mce-menu-item.mce-active .mce-menu-shortcut, -.mce-menu-item.mce-disabled:hover .mce-text, -.mce-menu-item.mce-disabled:hover .mce-ico { +.mce-menu .mce-menu-item:hover .mce-caret, +.mce-menu .mce-menu-item:focus .mce-caret, +.mce-menu .mce-menu-item.mce-selected .mce-caret { + border-left-color: #fff; +} + +/* rtl:ignore */ +.rtl .mce-menu .mce-menu-item:hover .mce-caret, +.rtl .mce-menu .mce-menu-item:focus .mce-caret, +.rtl .mce-menu .mce-menu-item.mce-selected .mce-caret { + border-left-color: inherit; + border-right-color: #fff; +} + +.mce-menu .mce-menu-item:hover .mce-text, +.mce-menu .mce-menu-item:focus .mce-text, +.mce-menu .mce-menu-item:hover .mce-ico, +.mce-menu .mce-menu-item:focus .mce-ico, +.mce-menu .mce-menu-item.mce-selected .mce-text, +.mce-menu .mce-menu-item.mce-selected .mce-ico, +.mce-menu .mce-menu-item:hover .mce-menu-shortcut, +.mce-menu .mce-menu-item:focus .mce-menu-shortcut, +.mce-menu .mce-menu-item.mce-active .mce-menu-shortcut, +.mce-menu .mce-menu-item.mce-disabled:hover .mce-text, +.mce-menu .mce-menu-item.mce-disabled:hover .mce-ico { color: inherit; } @@ -593,7 +618,7 @@ } .mce-menu .mce-menu-item.mce-disabled:hover { - background: #ccc; + background: #ccc; } /* Menubar */ @@ -614,7 +639,7 @@ color: #124964; box-shadow: 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, .8); + 0 0 2px 1px rgba(30, 140, 190, 0.8); } div.mce-menu .mce-menu-item-sep, @@ -686,14 +711,13 @@ .mce-window .mce-btn:focus { border-color: #5b9dd9; - box-shadow: 0 0 3px rgba( 0, 115, 170, .8 ); + box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); } .mce-window .mce-btn:active { background: #eee; border-color: #999; - box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); - -webkit-transform: translateY(1px); + box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); transform: translateY(1px); } @@ -704,7 +728,6 @@ box-shadow: none !important; text-shadow: 0 1px 0 #fff !important; cursor: default; - -webkit-transform: none !important; transform: none !important; } @@ -744,7 +767,7 @@ background: #008ec2 !important; border-color: #007cb2 !important; box-shadow: none !important; - text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 ) !important; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important; cursor: default; } @@ -787,18 +810,18 @@ .mce-tooltip-inner { border-radius: 3px; - box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 ); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); color: #fff; font-size: 12px; } /* TinyMCE icons */ .mce-ico { - font-family: 'tinymce', Arial; + font-family: tinymce, Arial; } .mce-btn-small .mce-ico { - font-family: 'tinymce-small', Arial; + font-family: tinymce-small, Arial; } .mce-toolbar .mce-ico { @@ -1117,7 +1140,7 @@ .wp-switch-editor:focus { box-shadow: 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, .8); + 0 0 2px 1px rgba(30, 140, 190, 0.8); outline: none; color: #23282d; } @@ -1138,7 +1161,7 @@ } .tmce-active .quicktags-toolbar { - display: none; + display: none; } .tmce-active .switch-tmce, @@ -1204,6 +1227,10 @@ content: "\f104"; } +.mce-content-body dl.wp-caption { + max-width: 100%; +} + /* Quicktags */ .quicktags-toolbar { padding: 3px; @@ -1242,6 +1269,13 @@ position: absolute; top: 0; right: 0; +} + +.mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw { + margin: 7px 7px 0 0; +} + +.qt-dfw { margin: 5px 5px 0 0; } @@ -1250,7 +1284,7 @@ margin: 2px; } -@media screen and ( max-width: 782px ) { +@media screen and (max-width: 782px) { .mce-toolbar .mce-btn button, .qt-dfw { padding: 6px 7px; @@ -1289,7 +1323,7 @@ } } -@media screen and ( min-width: 782px ) { +@media screen and (min-width: 782px) { .wp-core-ui .quicktags-toolbar input.button.button-small { /* .button-small is normally 11px, but a bit too small for these buttons. */ font-size: 12px; @@ -1334,7 +1368,7 @@ #wp-link-wrap { display: none; background-color: #fff; - box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); width: 500px; overflow: hidden; margin-left: -250px; @@ -1423,7 +1457,7 @@ outline: none; box-shadow: 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, .8); + 0 0 2px 1px rgba(30, 140, 190, 0.8); } #wp-link-wrap #link-selector { @@ -1637,7 +1671,7 @@ float: right; } -@media screen and ( max-width: 782px ) { +@media screen and (max-width: 782px) { #wp-link-wrap { margin-top: -140px; } @@ -1671,7 +1705,7 @@ } } -@media screen and ( max-width: 520px ) { +@media screen and (max-width: 520px) { #wp-link-wrap { width: auto; margin-left: 0; @@ -1681,7 +1715,7 @@ } } -@media screen and ( max-height: 520px ) { +@media screen and (max-height: 520px) { #wp-link-wrap { transition: none; height: auto; @@ -1699,7 +1733,7 @@ } } -@media screen and ( max-height: 290px ) { +@media screen and (max-height: 290px) { #wp-link-wrap { height: auto; margin-top: 0; @@ -1769,7 +1803,7 @@ list-style: none; position: absolute; border: 1px solid #5b9dd9; - box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 ); + box-shadow: 0 1px 2px rgba(30, 140, 190, 0.8); background-color: #fff; } @@ -1790,7 +1824,7 @@ cursor: pointer; } -@media screen and ( max-width: 782px ) { +@media screen and (max-width: 782px) { div.wp-link-preview, div.wp-link-input { max-width: 70%; @@ -1837,8 +1871,8 @@ } html:lang(he-il) .rtl .wp-switch-editor, -html:lang(he-il) .rtl .quicktags-toolbar input { - font-family: Arial, sans-serif; +html:lang(he-il) .rtl .quicktags-toolbar input { + font-family: Arial, sans-serif; } /* HiDPI */