Files App: Fix occurence of <style is="custom-style"> to work with Polymer 2.

- wrap <style is="custom-style"> with <custom-style> - move custom-style inside <body> Bug: 884030 Change-Id: Ic45df6d1846fdf6f6ee0cc5e23523779489bdb34 Reviewed-on: https://chromium-review.googlesource.com/1244833 Commit-Queue: Luciano Pacheco <lucmult@chromium.org> Reviewed-by: Luciano Pacheco <lucmult@chromium.org> Cr-Commit-Position: refs/heads/master@{#594548}

Files App: Fix occurence of <style is="custom-style"> to work with Polymer 2.
- wrap <style is="custom-style"> with <custom-style> - move custom-style inside <body> Bug: 884030 Change-Id: Ic45df6d1846fdf6f6ee0cc5e23523779489bdb34 Reviewed-on: https://chromium-review.googlesource.com/1244833 Commit-Queue: Luciano Pacheco <lucmult@chromium.org> Reviewed-by: Luciano Pacheco <lucmult@chromium.org> Cr-Commit-Position: refs/heads/master@{#594548}
247bda68 · dpapad · Commit Bot · c6dc55ee · 247bda68
Commit 247bda68 authored Sep 27, 2018 by dpapad Committed by Commit Bot Sep 27, 2018
Hide whitespace changes
Inline Side-by-side

Showing with 57 additions and 55 deletions

ui/file_manager/file_manager/main.html ui/file_manager/file_manager/main.html +57 -55

No files found.
--- a/ui/file_manager/file_manager/main.html
+++ b/ui/file_manager/file_manager/main.html
@@ -25,67 +25,69 @@
    <link rel="stylesheet" href="foreground/css/common.css">
    <link rel="stylesheet" href="chrome-extension://fbjakikfhfdajcamjleinfciajelkpek/cws_widget/cws_widget_container.css">

-    <style is="custom-style">
-      #search-box cr-input {
-        --cr-input-color: white;
-        --cr-input-focus-color: white;
-        --cr-input-container: {
-          border-radius: 0;
-        }
-        --cr-input-error-display: none;
-        --cr-input-input: {
-          background-color: transparent;
-          border-bottom: 1px solid rgba(255, 255, 255, 0.5);
+    <script src="foreground/js/elements_importer.js"></script>
+    <script src="foreground/js/main_scripts.js" defer></script>
+  </head>
+
+  <body tabindex="-1">
+    <custom-style>
+      <style is="custom-style">
+        #search-box cr-input {
+          --cr-input-color: white;
+          --cr-input-focus-color: white;
+          --cr-input-container: {
+            border-radius: 0;
+          }
+          --cr-input-error-display: none;
+          --cr-input-input: {
+            background-color: transparent;
+            border-bottom: 1px solid rgba(255, 255, 255, 0.5);
+          }
+          --cr-input-padding-end: 20px;
+          --cr-input-padding-start: 0;
+          --cr-input-placeholder-color: rgba(255, 255, 255, 0.5);
+          display: inline-block;
+          transition: width 200ms ease;
+          vertical-align: middle;
+          width: 0;
        }
-        --cr-input-padding-end: 20px;
-        --cr-input-padding-start: 0;
-        --cr-input-placeholder-color: rgba(255, 255, 255, 0.5);
-        display: inline-block;
-        transition: width 200ms ease;
-        vertical-align: middle;
-        width: 0;
-      }
-
-      .dialog-footer cr-input {
-        --cr-input-container: {
-          border-radius: 0;
+
+        .dialog-footer cr-input {
+          --cr-input-container: {
+            border-radius: 0;
+          }
+          --cr-input-error-display: none;
+          --cr-input-input: {
+            background-color: transparent;
+            border-bottom: 1px solid var(--paper-grey-800);
+          }
+          --cr-input-padding-end: 0;
+          --cr-input-padding-start: 0;
+          --cr-input-padding-bottom: 2px;
+          width: 100%;
        }
-        --cr-input-error-display: none;
-        --cr-input-input: {
-          background-color: transparent;
-          border-bottom: 1px solid var(--paper-grey-800);
+
+        paper-progress {
+          --paper-progress-active-color: rgb(26, 194, 34);
        }
-        --cr-input-padding-end: 0;
-        --cr-input-padding-start: 0;
-        --cr-input-padding-bottom: 2px;
-        width: 100%;
-      }
-
-      paper-progress {
-        --paper-progress-active-color: rgb(26, 194, 34);
-      }
-
-      body.check-select .dialog-header files-toggle-ripple {
-        --files-toggle-ripple: {
-          background-color: black;
-        };
-        --files-toggle-ripple-activated: {
-          opacity: 0.08;
-        };
-      }
-
-      body.check-select .dialog-header files-ripple {
-        --files-ripple: {
-          background-color: black;
+
+        body.check-select .dialog-header files-toggle-ripple {
+          --files-toggle-ripple: {
+            background-color: black;
+          };
+          --files-toggle-ripple-activated: {
+            opacity: 0.08;
+          };
        }
-      }
-    </style>

-    <script src="foreground/js/elements_importer.js"></script>
-    <script src="foreground/js/main_scripts.js" defer></script>
-  </head>
+        body.check-select .dialog-header files-ripple {
+          --files-ripple: {
+            background-color: black;
+          }
+        }
+      </style>
+    </custom-style>

-  <body tabindex="-1">
    <commands>
      <command id="cut" i18n-values="label:CUT_BUTTON_LABEL"
               shortcut="x|Ctrl">