From 4d2da17ee13d585aae3b077faa35e6e214697123 Mon Sep 17 00:00:00 2001
From: Winnie Hellmann <winnie@gitlab.com>
Date: Thu, 24 Jan 2019 18:47:25 +0100
Subject: Add .ms-no-clear to disable duplicate clear icon in IE / Edge

---
 app/assets/stylesheets/framework/common.scss | 11 +++++++++++
 1 file changed, 11 insertions(+)

(limited to 'app')

diff --git a/app/assets/stylesheets/framework/common.scss b/app/assets/stylesheets/framework/common.scss
index a499a3a9f95..18df4a5f37d 100644
--- a/app/assets/stylesheets/framework/common.scss
+++ b/app/assets/stylesheets/framework/common.scss
@@ -408,3 +408,14 @@ img.emoji {
 .gl-pr-3 { padding-right: #{2 * $grid-size}; }
 .gl-pr-4 { padding-right: #{3 * $grid-size}; }
 .gl-pr-5 { padding-right: #{4 * $grid-size}; }
+
+/**
+ * Removes browser specific clear icon from input fields in
+ * Internet Explorer 10, Internet Explorer 11, and Microsoft Edge.
+ * This is intended for elements which add a customized clear icon.
+ *
+ * see also https://developer.mozilla.org/en-US/docs/Web/CSS/::-ms-clear
+ */
+.ms-no-clear ::-ms-clear {
+  display: none;
+}
-- 
cgit v1.2.3