wp/wp-includes/css/editor.css
changeset 21 48c4eec2b7e6
parent 19 3d72ae0968f4
child 22 8c2e4d02f4ef
--- a/wp/wp-includes/css/editor.css	Thu Sep 29 08:06:27 2022 +0200
+++ b/wp/wp-includes/css/editor.css	Fri Sep 05 18:40:08 2025 +0200
@@ -87,8 +87,9 @@
 
 .mce-window-head .mce-close:focus .mce-i-remove,
 div.mce-tab:focus {
-	box-shadow: 0 0 0 1px #4f94d4,
-		0 0 2px 1px rgba(79, 148, 212, 0.8);
+	box-shadow: 0 0 0 2px #2271b1;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
 }
 
 .mce-window .mce-window-head .mce-dragh {
@@ -113,7 +114,9 @@
 .mce-checkbox:focus i.mce-i-checkbox,
 #wp-link .query-results:focus {
 	border-color: #4f94d4;
-	box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
+	box-shadow: 0 0 0 2px #2271b1;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
 }
 
 .mce-window .mce-wp-help {
@@ -409,10 +412,10 @@
 .qt-dfw:hover,
 .qt-dfw:focus {
 	background: #f6f7f7;
-	border-color: #50575e;
 	color: #1d2327;
-	box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08);
-	outline: none;
+	box-shadow: 0 0 0 2px #2271b1;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
 }
 
 .mce-toolbar .mce-btn-group .mce-btn.mce-active,
@@ -420,7 +423,6 @@
 .qt-dfw.active {
 	background: #f0f0f1;
 	border-color: #50575e;
-	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.3);
 }
 
 .mce-btn.mce-active,
@@ -532,12 +534,13 @@
 	direction: ltr;
 	background: #fff;
 	border: 1px solid #dcdcde;
-	box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, 0.2);
 }
 
 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {
-	border-color: #c3c4c7;
+	box-shadow: 0 0 0 2px #2271b1;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
 }
 
 .mce-panel .mce-btn i.mce-caret {
@@ -635,9 +638,9 @@
 
 .mce-menubar .mce-menubtn:focus {
 	color: #043959;
-	box-shadow:
-		0 0 0 1px #4f94d4,
-		0 0 2px 1px rgba(79, 148, 212, 0.8);
+	box-shadow: 0 0 0 2px #2271b1;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
 }
 
 div.mce-menu .mce-menu-item-sep,
@@ -1131,10 +1134,9 @@
 }
 
 .wp-switch-editor:focus {
-	box-shadow:
-		0 0 0 1px #4f94d4,
-		0 0 2px 1px rgba(79, 148, 212, 0.8);
-	outline: none;
+	box-shadow: 0 0 0 2px #2271b1;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
 	color: #1d2327;
 }
 
@@ -1392,8 +1394,8 @@
 }
 
 #wp-link-wrap {
-	height: 500px;
-	margin-top: -250px;
+	height: 600px;
+	margin-top: -300px;
 }
 
 #wp-link-wrap .wp-link-text-field {
@@ -1407,7 +1409,6 @@
 #link-modal-title {
 	background: #fff;
 	border-bottom: 1px solid #dcdcde;
-	height: 36px;
 	font-size: 18px;
 	font-weight: 600;
 	line-height: 2;
@@ -1446,10 +1447,7 @@
 }
 
 #wp-link-close:focus {
-	outline: none;
-	box-shadow:
-		0 0 0 1px #4f94d4,
-		0 0 2px 1px rgba(79, 148, 212, 0.8);
+	box-shadow: 0 0 0 2px #2271b1;
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
 	outline-offset: -2px;
@@ -1459,10 +1457,13 @@
 	-webkit-overflow-scrolling: touch;
 	padding: 0 16px;
 	position: absolute;
-	top: 37px;
+	top: calc(2.15384615em + 16px);
 	left: 0;
 	right: 0;
-	bottom: 44px;
+	bottom: calc(2.15384615em + 19px);
+	display: flex;
+	flex-direction: column;
+	overflow: auto;
 }
 
 #wp-link ol,
@@ -1497,7 +1498,7 @@
 #wp-link #link-options label span,
 #wp-link #search-panel label span.search-label {
 	display: inline-block;
-	width: 80px;
+	width: 120px;
 	text-align: right;
 	padding-right: 5px;
 	max-width: 24%;
@@ -1513,7 +1514,11 @@
 #wp-link .link-search-wrapper {
 	margin: 5px 0 9px;
 	display: block;
-	overflow: hidden;
+}
+
+#wp-link .query-results {
+	position: absolute;
+	width: calc(100% - 32px);
 }
 
 #wp-link .link-search-wrapper .spinner {
@@ -1523,9 +1528,6 @@
 
 #wp-link .link-target {
 	padding: 3px 0 0;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
 }
 
 #wp-link .link-target label {
@@ -1537,15 +1539,7 @@
 	margin: 0 0 12px;
 	background: #fff;
 	overflow: auto;
-	position: absolute;
-	left: 16px;
-	right: 16px;
-	bottom: 0;
-	top: 166px;
-}
-
-.has-text-field #wp-link .query-results {
-	top: 210px;
+	max-height: 290px;
 }
 
 #wp-link li {
@@ -1662,24 +1656,12 @@
 }
 
 @media screen and (max-width: 782px) {
-	#wp-link-wrap {
-		margin-top: -140px;
-	}
-
-	#wp-link-wrap .query-results {
-		top: 195px;
-	}
-
-	#wp-link-wrap.has-text-field .query-results {
-		top: 235px;
-	}
-
 	#link-selector {
 		padding: 0 16px 60px;
 	}
 
 	#wp-link-wrap #link-selector {
-		bottom: 52px;
+		bottom: calc(2.71428571em + 23px);
 	}
 
 	#wp-link-cancel {
@@ -1705,7 +1687,7 @@
 	}
 }
 
-@media screen and (max-height: 520px) {
+@media screen and (max-height: 620px) {
 	#wp-link-wrap {
 		transition: none;
 		height: auto;
@@ -1717,10 +1699,6 @@
 	#link-selector {
 		overflow: auto;
 	}
-
-	#search-panel .query-results {
-		position: static;
-	}
 }
 
 @media screen and (max-height: 290px) {
@@ -1736,10 +1714,6 @@
 		height: calc(100% - 92px);
 		padding-bottom: 2px;
 	}
-
-	#search-panel .query-results {
-		position: static;
-	}
 }
 
 div.wp-link-preview {
@@ -1763,12 +1737,22 @@
 	color: #d63638;
 }
 
+.mce-inline-toolbar-grp div.mce-flow-layout-item > div {
+	display: flex;
+	align-items: flex-end;
+}
+
 div.wp-link-input {
 	float: left;
 	margin: 2px;
 	max-width: 694px;
 }
 
+div.wp-link-input label {
+	margin-bottom: 4px;
+	display: block;
+}
+
 div.wp-link-input input {
 	width: 300px;
 	padding: 3px;
@@ -1870,7 +1854,6 @@
 
 /* HiDPI */
 @media print,
-  (-webkit-min-device-pixel-ratio: 1.25),
   (min-resolution: 120dpi) {
 	.wp-media-buttons .add_media span.wp-media-buttons-icon {
 		background: none;