From 6304560fb73c90c4aee1f0c4066c2e97487ec3c4 Mon Sep 17 00:00:00 2001 From: Andrew Ozz Date: Sun, 19 Jun 2016 13:00:30 +0000 Subject: [PATCH] Editor, link checker: - Add white outline for contrast on darker backgrounds. - Change red colour in toolbar. Props iseulde. Props rockwell15 for the initial patch. See #36638. git-svn-id: https://develop.svn.wordpress.org/trunk@37751 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-includes/css/editor.css | 6 +----- .../js/tinymce/skins/wordpress/wp-content.css | 12 ++++++++++++ 2 files changed, 13 insertions(+), 5 deletions(-) diff --git a/src/wp-includes/css/editor.css b/src/wp-includes/css/editor.css index e8d946db6a..a264549546 100644 --- a/src/wp-includes/css/editor.css +++ b/src/wp-includes/css/editor.css @@ -1758,11 +1758,7 @@ div.wp-link-preview a { } div.wp-link-preview a.wplink-url-error { - color: #a00; -} - -div.wp-link-preview a.wplink-url-error:hover { - color: #f00; + color: #dc3232; } div.wp-link-input { diff --git a/src/wp-includes/js/tinymce/skins/wordpress/wp-content.css b/src/wp-includes/js/tinymce/skins/wordpress/wp-content.css index e2716ca789..da970666e7 100644 --- a/src/wp-includes/js/tinymce/skins/wordpress/wp-content.css +++ b/src/wp-includes/js/tinymce/skins/wordpress/wp-content.css @@ -212,6 +212,18 @@ a[data-wplink-url-error]:focus { position: relative; } +a[data-wplink-url-error]:before { + content: ''; + display: block; + position: absolute; + top: -2px; + right: -2px; + bottom: -2px; + left: -2px; + outline: 2px dotted #fff; + z-index: -1; +} + /** * WP Views */