diff -r 48c4eec2b7e6 -r 8c2e4d02f4ef wp/wp-admin/css/revisions.css --- a/wp/wp-admin/css/revisions.css Fri Sep 05 18:40:08 2025 +0200 +++ b/wp/wp-admin/css/revisions.css Fri Sep 05 18:52:52 2025 +0200 @@ -458,8 +458,7 @@ touch-action: none; } -.wp-slider .ui-slider-handle, -.wp-slider .ui-slider-handle.focus { +.wp-slider .ui-slider-handle { background: #f6f7f7; border: 1px solid #c3c4c7; box-shadow: 0 1px 0 #c3c4c7; @@ -479,6 +478,15 @@ transform: translateY(1px); } +.wp-slider .ui-slider-handle:focus, +.wp-slider .ui-slider-handle.ui-state-focus { + background: #f0f0f1; + border-color: #8c8f94; + box-shadow: 0 0 0 2px #2271b1; + /* Only visible in Windows High Contrast mode */ + outline: 2px solid transparent; +} + .wp-slider .ui-slider-handle:before { background: none; position: absolute; @@ -564,6 +572,28 @@ } } +@media screen and (max-width: 600px) { + .revisions-meta .author-card:not(.comparing-two-revisions .author-card) { + display: flex; + flex-direction: column; + width: fit-content; + gap: 16px; + } + + .comparing-two-revisions .revisions-meta .restore-revision { + margin-top: 16px; + } + + .revisions-controls { + padding-top: 0; + } + + .revision-toggle-compare-mode { + position: relative; + padding: 1rem 0; + } +} + @media screen and (max-width: 782px) { #diff-next-revision, #diff-previous-revision { @@ -577,14 +607,18 @@ .revisions-controls, .comparing-two-revisions .revisions-controls { - height: 170px; + height: fit-content; } .revisions-tooltip { - bottom: 130px; + bottom: 155px; z-index: 2; } + .comparing-two-revisions .revisions-tooltip { + bottom: 200px; + } + .diff-meta { overflow: hidden; }