Instant Search: Prevent 2020 theme from spawning its modal (#18028)

Automattic · Dec 11, 2020 · a1ceb9f · a1ceb9f
1 parent f77f435
commit a1ceb9f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/modules/search/instant-search/components/search-app.jsx b/modules/search/instant-search/components/search-app.jsx
@@ -28,6 +28,7 @@ import {
 	restorePreviousHref,
 } from '../lib/query-string';
 import { bindCustomizerChanges } from '../lib/customize';
+import './search-app.scss';
 
 class SearchApp extends Component {
 	static defaultProps = {

diff --git a/modules/search/instant-search/components/search-app.scss b/modules/search/instant-search/components/search-app.scss
@@ -3,16 +3,16 @@
 }
 
 // Hide the search modal in the TwentyTwenty theme
-.theme-twentytwenty .cover-modal.show-modal.search-modal {
+body.enable-search-modal .cover-modal.show-modal.search-modal.active {
 	display: none;
 }
 
 // Text meant only for screen readers
 // https://make.wordpress.org/accessibility/handbook/markup/the-css-class-screen-reader-text/
 .screen-reader-text {
 	border: 0;
-	clip: rect(1px, 1px, 1px, 1px);
-	clip-path: inset(50%);
+	clip: rect( 1px, 1px, 1px, 1px );
+	clip-path: inset( 50% );
 	height: 1px;
 	margin: -1px;
 	overflow: hidden;