HP-1883: rid off ElementQuery, css container query instead

Author: tafid

composer.json

@@ -80,7 +80,6 @@
         "michelf/php-smartypants": "^1.8.0",
         "stichoza/google-translate-php": "^4.1.6",
         "wbraganca/yii2-dynamicform": "*@dev",
-        "bower-asset/css-element-queries": "<1.0",
         "bower-asset/less-space": "*",
         "bower-asset/eonasdan-bootstrap-datetimepicker": "^4.17",
         "bower-asset/components-font-awesome": "~4.6",

src/assets/ElementQueryAsset.php

@@ -201,9 +201,14 @@ private function horizontalClientScriptInit()
         $view = $this->getView();
         StickySidebarAsset::register($view);
         $view->registerCss(<<<'CSS'
-            .advanced-search[min-width~="150px"] form > div {
-                width: 100%;
-                position: inherit;
+            .advanced-search {
+                container: advanceSearch / inline-size;
+            }
+            @container advanceSearch (width >= 120px) {
+                form > div {
+                    width: 100%!important;
+                    position: inherit!important;
+                }
             }
             .horizontal-view .content-sidebar {
                 will-change: min-height;