RCFilters: Change the input icon on interaction

Bug: T166917
Change-Id: I72ed88c25d2dfbbafa35cd802d2b9718aa7ba6c8

diff --git a/resources/Resources.php b/resources/Resources.php
index 575ff5a..c6a228b 100644 (file)
--- a/resources/Resources.php
+++ b/resources/Resources.php
@@ -1859,6 +1859,7 @@ return [
                        'oojs-ui.styles.icons-editing-styling',
                        'oojs-ui.styles.icons-interactions',
                        'oojs-ui.styles.icons-content',
+                       'oojs-ui.styles.icons-layout',
                ],
        ],
        'mediawiki.special' => [

diff --git a/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.FilterTagMultiselectWidget.js b/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.FilterTagMultiselectWidget.js
index 268138f..27b6ea1 100644 (file)
--- a/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.FilterTagMultiselectWidget.js
+++ b/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.FilterTagMultiselectWidget.js
@@ -56,7 +56,7 @@
                                        )
                        },
                        input: {
-                               icon: 'search',
+                               icon: 'menu',
                                placeholder: mw.msg( 'rcfilters-search-placeholder' )
                        }
                }, config ) );
@@ -221,6 +221,8 @@
                                this.input.setValue( '' );
                        }
                }
+
+               this.input.setIcon( isVisible ? 'search' : 'menu' );
        };
 
        /**