enmi-conf.org: comparison wp/wp-includes/css/editor.css

equal deleted inserted replaced

-:7b1b88e27a20
+:48c4eec2b7e6
 	color: #135e96;
 }
 .mce-window-head .mce-close:focus .mce-i-remove,
 div.mce-tab:focus {
-	box-shadow: 0 0 0 1px #4f94d4,
+	box-shadow: 0 0 0 2px #2271b1;
-		0 0 2px 1px rgba(79, 148, 212, 0.8);
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
 }
 .mce-window .mce-window-head .mce-dragh {
 	width: calc( 100% - 36px );
 }
 .mce-textbox:focus,
 .mce-textbox.mce-focus,
 .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 {
 	height: 360px;
 	width: 460px;
 .mce-toolbar .mce-btn-group .mce-btn:hover,
 .mce-toolbar .mce-btn-group .mce-btn:focus,
 .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);
+	box-shadow: 0 0 0 2px #2271b1;
-	outline: none;
+	/* Only visible in Windows High Contrast mode */
+	outline: 2px solid transparent;
 }
 .mce-toolbar .mce-btn-group .mce-btn.mce-active,
 .mce-toolbar .mce-btn-group .mce-btn:active,
 .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,
 .mce-btn.mce-active button,
 .mce-btn.mce-active:hover button,
 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
 	border-radius: 0;
 	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 {
 	border-top: 6px solid #50575e;
 	margin-left: 2px;
 	background: transparent;
 }
 .mce-menubar .mce-menubtn:focus {
 	color: #043959;
-	box-shadow:
+	box-shadow: 0 0 0 2px #2271b1;
-		0 0 0 1px #4f94d4,
+	/* Only visible in Windows High Contrast mode */
-		0 0 2px 1px rgba(79, 148, 212, 0.8);
+	outline: 2px solid transparent;
 }
 div.mce-menu .mce-menu-item-sep,
 .mce-menu-item-sep:hover {
 	border-bottom: 1px solid #dcdcde;
 	padding: 3px 8px 4px;
 	border: 1px solid #dcdcde;
 }
 .wp-switch-editor:focus {
-	box-shadow:
+	box-shadow: 0 0 0 2px #2271b1;
-		0 0 0 1px #4f94d4,
+	/* Only visible in Windows High Contrast mode */
-		0 0 2px 1px rgba(79, 148, 212, 0.8);
+	outline: 2px solid transparent;
-	outline: none;
 	color: #1d2327;
 }
 .wp-switch-editor:active,
 .html-active .switch-html:focus,
 	position: relative;
 	height: 100%;
 }
 #wp-link-wrap {
-	height: 500px;
+	height: 600px;
-	margin-top: -250px;
+	margin-top: -300px;
 }
 #wp-link-wrap .wp-link-text-field {
 	display: none;
 }
 }
 #link-modal-title {
 	background: #fff;
 	border-bottom: 1px solid #dcdcde;
-	height: 36px;
 	font-size: 18px;
 	font-weight: 600;
 	line-height: 2;
 	margin: 0;
 	padding: 0 36px 0 16px;
 #wp-link-close:focus {
 	color: #135e96;
 }
 #wp-link-close:focus {
-	outline: none;
+	box-shadow: 0 0 0 2px #2271b1;
-	box-shadow:
-		0 0 0 1px #4f94d4,
-		0 0 2px 1px rgba(79, 148, 212, 0.8);
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
 	outline-offset: -2px;
 }
 #wp-link-wrap #link-selector {
 	-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,
 #wp-link ul {
 	list-style: none;
 }
 #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%;
 	vertical-align: middle;
 	word-wrap: break-word;
 }
 #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 {
 	float: none;
 	margin: -3px 0 0 4px;
 }
 #wp-link .link-target {
 	padding: 3px 0 0;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
 }
 #wp-link .link-target label {
 	max-width: 70%;
 }
 #wp-link .query-results {
 	border: 1px #dcdcde solid;
 	margin: 0 0 12px;
 	background: #fff;
 	overflow: auto;
-	position: absolute;
+	max-height: 290px;
-	left: 16px;
-	right: 16px;
-	bottom: 0;
-	top: 166px;
-}
-.has-text-field #wp-link .query-results {
-	top: 210px;
 }
 #wp-link li {
 	clear: both;
 	margin-bottom: 0;
 #wp-link-submit {
 	float: right;
 }
 @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 {
 		line-height: 2.46153846;
 	}
 		right: 10px;
 		max-width: 500px;
 	}
 }
-@media screen and (max-height: 520px) {
+@media screen and (max-height: 620px) {
 	#wp-link-wrap {
 		transition: none;
 		height: auto;
 		margin-top: 0;
 		top: 10px;
 	}
 	#link-selector {
 		overflow: auto;
 	}
-	#search-panel .query-results {
-		position: static;
-	}
 }
 @media screen and (max-height: 290px) {
 	#wp-link-wrap {
 		height: auto;
 	#link-selector {
 		overflow: auto;
 		height: calc(100% - 92px);
 		padding-bottom: 2px;
-	}
-	#search-panel .query-results {
-		position: static;
 	}
 }
 div.wp-link-preview {
 	float: left;
 div.wp-link-preview a.wplink-url-error {
 	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;
 	font-family: Arial, sans-serif;
 }
 /* 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;
 	}
 }

changeset 21	48c4eec2b7e6
parent 19	3d72ae0968f4
child 22	8c2e4d02f4ef