From 0bf23576ee9b95176390ea1b3ba3f6d4c36715c7 Mon Sep 17 00:00:00 2001
From: Dmitry Lyzo <ashephard0@gmail.com>
Date: Sun, 26 Jul 2020 15:00:09 +0300
Subject: [PATCH] Extract styles

---
 .../subtitlesettings/subtitlesettings.css     | 26 +++++++++++++++++
 .../subtitlesettings/subtitlesettings.js      |  1 +
 .../subtitlesettings.template.html            | 29 -------------------
 3 files changed, 27 insertions(+), 29 deletions(-)
 create mode 100644 src/components/subtitlesettings/subtitlesettings.css

diff --git a/src/components/subtitlesettings/subtitlesettings.css b/src/components/subtitlesettings/subtitlesettings.css
new file mode 100644
index 0000000000..e8cb9a50b5
--- /dev/null
+++ b/src/components/subtitlesettings/subtitlesettings.css
@@ -0,0 +1,26 @@
+.subtitleappearance-fullpreview {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    z-index: 1000;
+    pointer-events: none;
+    transition: 0.2s
+}
+
+.subtitleappearance-fullpreview-hide {
+    opacity: 0;
+}
+
+.subtitleappearance-fullpreview-window {
+    position: absolute;
+    width: 100%;
+    font-size: 170%;
+    text-align: center;
+}
+
+.subtitleappearance-fullpreview-text {
+    display: inline-block;
+    max-width: 70%;
+}
diff --git a/src/components/subtitlesettings/subtitlesettings.js b/src/components/subtitlesettings/subtitlesettings.js
index 07d83d86ea..f7e37c8212 100644
--- a/src/components/subtitlesettings/subtitlesettings.js
+++ b/src/components/subtitlesettings/subtitlesettings.js
@@ -16,6 +16,7 @@ import 'emby-slider';
 import 'emby-input';
 import 'emby-checkbox';
 import 'flexStyles';
+import 'css!./subtitlesettings'
 
 /**
  * Subtitle settings.
diff --git a/src/components/subtitlesettings/subtitlesettings.template.html b/src/components/subtitlesettings/subtitlesettings.template.html
index 2f49fa4c3e..af9139188c 100644
--- a/src/components/subtitlesettings/subtitlesettings.template.html
+++ b/src/components/subtitlesettings/subtitlesettings.template.html
@@ -38,35 +38,6 @@
             ${HeaderSubtitleAppearance}
         </h2>
 
-        <style>
-        .subtitleappearance-fullpreview {
-            position: fixed;
-            width: 100%;
-            height: 100%;
-            top: 0;
-            left: 0;
-            z-index: 1000;
-            pointer-events: none;
-            transition: 0.2s
-        }
-
-        .subtitleappearance-fullpreview-hide {
-            opacity: 0;
-        }
-
-        .subtitleappearance-fullpreview-window {
-            position: absolute;
-            width: 100%;
-            font-size: 170%;
-            text-align: center;
-        }
-
-        .subtitleappearance-fullpreview-text {
-            display: inline-block;
-            max-width: 70%;
-        }
-        </style>
-
         <div class="subtitleappearance-fullpreview subtitleappearance-fullpreview-hide">
             <div class="subtitleappearance-fullpreview-window">
                 <div class="subtitleappearance-fullpreview-text">