wp/wp-admin/css/revisions.css
changeset 22 8c2e4d02f4ef
parent 21 48c4eec2b7e6
--- 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;
 	}