fix(autocomplete): use global stylesheet for demo (#9930)

fix(demo): autocomplete to use global stylesheet for demo

Author: devversion

docs/app/css/style.css

@@ -818,34 +818,6 @@ docs-demo .doc-demo-content {
   margin-bottom: 0;
 }
 
-/* ---------------------
-*  Demo Workarounds
-*
-*  Necessary for component demos that append DOM subtrees outside of the demo app.
-*  Because our docs build prepends CSS classes onto custom demo styles provided for developers,
-*  these styles are needed for the docs website.
-*/
-.autocomplete-custom-template li {
-  border-bottom: 1px solid #ccc;
-  height: auto;
-  padding-top: 8px;
-  padding-bottom: 8px;
-  white-space: normal;
-}
-.autocomplete-custom-template li:last-child {
-  border-bottom-width: 0;
-}
-.autocomplete-custom-template .item-title,
-.autocomplete-custom-template .item-metadata {
-  display: block;
-  line-height: 2;
-}
-.autocomplete-custom-template .item-title md-icon {
-  height: 18px;
-  width: 18px;
-}
-
-
 /* Styles for Windows High Contrast mode */
 @media screen and (-ms-high-contrast: active) {
   a {

docs/app/js/demo.js

@@ -69,6 +69,7 @@ angular.module('docsApp')
         case "index.html" : return "HTML";
         case "script.js" : return "JS";
         case "style.css" : return "CSS";
+        case "style.global.css" : return "CSS";
         default : return name;
       }
     }

src/components/autocomplete/demoCustomTemplate/index.html

@@ -20,10 +20,10 @@
             <span> {{item.name}} </span>
           </span>
           <span class="item-metadata">
-            <span class="item-metastat">
+            <span>
               <strong>{{item.watchers}}</strong> watchers
             </span>
-            <span class="item-metastat">
+            <span>
               <strong>{{item.forks}}</strong> forks
             </span>
           </span>

src/components/autocomplete/demoCustomTemplate/style.css renamed to src/components/autocomplete/demoCustomTemplate/style.global.css

@@ -16,4 +16,4 @@
 .autocomplete-custom-template .item-title md-icon {
   height: 18px;
   width: 18px;
-}
+}