File Manager: Update remaining <style is="custom-style"> for Polymer 2.

per Polymer 2 migration guide: - wrap <style is="custom-style"> with <custom-style> - move <custom-style> inside <body> Bug: 739532 Change-Id: I089208681d14e19e71251a41e80bd024c02d1b3a Reviewed-on: https://chromium-review.googlesource.com/1247530Reviewed-by: Luciano Pacheco <lucmult@chromium.org> Reviewed-by: Trent Apted <tapted@chromium.org> Commit-Queue: Demetrios Papadopoulos <dpapad@chromium.org> Cr-Commit-Position: refs/heads/master@{#594762}

File Manager: Update remaining <style is="custom-style"> for Polymer 2.
per Polymer 2 migration guide: - wrap <style is="custom-style"> with <custom-style> - move <custom-style> inside <body> Bug: 739532 Change-Id: I089208681d14e19e71251a41e80bd024c02d1b3a Reviewed-on: https://chromium-review.googlesource.com/1247530Reviewed-by: Luciano Pacheco <lucmult@chromium.org> Reviewed-by: Trent Apted <tapted@chromium.org> Commit-Queue: Demetrios Papadopoulos <dpapad@chromium.org> Cr-Commit-Position: refs/heads/master@{#594762}
c696feb7 · dpapad · Commit Bot · 4a447c2d · c696feb7 · c696feb7
Commit c696feb7 authored Sep 27, 2018 by dpapad Committed by Commit Bot Sep 27, 2018
Showing with 82 additions and 79 deletions

ui/file_manager/gallery/gallery.html ui/file_manager/gallery/gallery.html +63 -61

ui/file_manager/video_player/video_player.html ui/file_manager/video_player/video_player.html +19 -18

No files found.
--- a/ui/file_manager/gallery/gallery.html
+++ b/ui/file_manager/gallery/gallery.html
@@ -28,71 +28,73 @@
  <link rel="import" href="chrome-extension://hhaomjibdihmijegdhdafkllkbggdgoj/foreground/elements/files_tooltip.html">
  <script src="js/gallery_scripts.js"></script>
-  <style is="custom-style">
+</head>
-    cr-checkbox {
+<body>
-      --cr-checkbox-checked-box-color: white;
+  <custom-style>
-      --cr-checkbox-label-color: white;
+    <style is="custom-style">
-      --cr-checkbox-label-container: {
+      cr-checkbox {
-        -webkit-padding-start: 6px;
+        --cr-checkbox-checked-box-color: white;
-      };
+        --cr-checkbox-label-color: white;
-      --cr-checkbox-mark-color: black;
+        --cr-checkbox-label-container: {
-      --cr-checkbox-ripple-checked-color: white;
+          -webkit-padding-start: 6px;
-      --cr-checkbox-ripple-size: 38px;
+        };
-      --cr-checkbox-ripple-unchecked-color: white;
+        --cr-checkbox-mark-color: black;
-      --cr-checkbox-size: 14px;
+        --cr-checkbox-ripple-checked-color: white;
-      --cr-checkbox-unchecked-box-color: white;
+        --cr-checkbox-ripple-size: 38px;
-    }
+        --cr-checkbox-ripple-unchecked-color: white;
-    paper-slider {
+        --cr-checkbox-size: 14px;
-      --paper-slider-active-color: white;
+        --cr-checkbox-unchecked-box-color: white;
-      --paper-slider-container-color: rgba(255, 255, 255, 0.2);
+      }
-      --paper-slider-knob-color: white;
+      paper-slider {
-      --paper-slider-secondary-color: transparent;
+        --paper-slider-active-color: white;
-    }
+        --paper-slider-container-color: rgba(255, 255, 255, 0.2);
-    paper-progress {
+        --paper-slider-knob-color: white;
-      --paper-progress-container-color: rgba(0, 0, 0, 0.3);
+        --paper-slider-secondary-color: transparent;
-      --paper-progress-active-color: #1AC222;
+      }
-    }
+      paper-progress {
-    paper-button {
+        --paper-progress-container-color: rgba(0, 0, 0, 0.3);
-      --paper-button-ink-color: black;
+        --paper-progress-active-color: #1AC222;
-    }
-    files-toggle-ripple {
-      --files-toggle-ripple-activated: {
-        opacity: 0.4;
-      };
-    }
-    cr-input {
-      --cr-form-field-label: {
-        color: rgba(255, 255, 255, 0.54);
-        display: block;
-        font-size: var(--cr-form-field-label-font-size);
-        letter-spacing: 0.4px;
-        line-height: var(--cr-form-field-label-font-size);
-        margin-bottom: 0;
      }
-      --cr-input-color: white;
+      paper-button {
-      --cr-input-container: {
+        --paper-button-ink-color: black;
-        border-radius: 0;
      }
-      --cr-input-input: {
+      files-toggle-ripple {
-        background-color: transparent;
+        --files-toggle-ripple-activated: {
-        border-bottom: 1px solid var(--paper-grey-800);
+          opacity: 0.4;
+        };
      }
-      --cr-input-padding-end: 0;
-      --cr-input-padding-start: 0;
-      --cr-input-error-display: none;
-      --cr-input-focus-color: white;
-    }
-    #rename-input {
+      cr-input {
-      font-size: 16px;
+        --cr-form-field-label: {
-      margin: 8px 0;
+          color: rgba(255, 255, 255, 0.54);
-      min-width: 160px;
+          display: block;
-      text-overflow: ellipsis;
+          font-size: var(--cr-form-field-label-font-size);
-    }
+          letter-spacing: 0.4px;
-  </style>
+          line-height: var(--cr-form-field-label-font-size);
-</head>
+          margin-bottom: 0;
-<body>
+        }
+        --cr-input-color: white;
+        --cr-input-container: {
+          border-radius: 0;
+        }
+        --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-error-display: none;
+        --cr-input-focus-color: white;
+      }
+      #rename-input {
+        font-size: 16px;
+        margin: 8px 0;
+        min-width: 160px;
+        text-overflow: ellipsis;
+      }
+    </style>
+  </custom-style>
  <div class="gallery">
    <div id="content" class="content">
      <div class="thumbnail-view"></div>

--- a/ui/file_manager/video_player/video_player.html
+++ b/ui/file_manager/video_player/video_player.html
@@ -18,27 +18,28 @@
  <link rel="import" href="chrome-extension://hhaomjibdihmijegdhdafkllkbggdgoj/foreground/elements/files_icon_button.html">
  <link rel="import" href="chrome://resources/polymer/v1_0/paper-slider/paper-slider.html">
-  <style is="custom-style">
-    files-icon-button {
-      --files-ripple: {
-        background-color: black;
-      };
-      --files-toggle-ripple: {
-        background-color: black;
-      };
-      --files-toggle-ripple-activated: {
-        background-color: black;
-      };
-    }
-    paper-slider {
-      --paper-slider-knob-color: rgb(64, 138, 241);
-      --paper-slider-active-color: rgb(66, 133, 244);
-    }
-  </style>
  <script src="js/video_player_scripts.js"></script>
 </head>
 <body>
+  <custom-style>
+    <style is="custom-style">
+      files-icon-button {
+        --files-ripple: {
+          background-color: black;
+        };
+        --files-toggle-ripple: {
+          background-color: black;
+        };
+        --files-toggle-ripple-activated: {
+          background-color: black;
+        };
+      }
+      paper-slider {
+        --paper-slider-knob-color: rgb(64, 138, 241);
+        --paper-slider-active-color: rgb(66, 133, 244);
+      }
+    </style>
+  </custom-style>
  <div id="video-player" tools>
    <cr-menu id='cast-menu' class='cast-menu tool'
          i18n-values="playon-text:VIDEO_PLAYER_PLAY_ON"></cr-menu>