From a47f6d458c79e71531b1ba12ea8c953db02b8ad5 Mon Sep 17 00:00:00 2001 From: Bill Thornton Date: Tue, 26 Jan 2021 16:25:38 -0500 Subject: [PATCH] Move components css files to sass --- src/components/accessSchedule/accessSchedule.js | 2 +- src/components/actionSheet/actionSheet.js | 4 ++-- .../actionSheet/{actionSheet.css => actionSheet.scss} | 0 src/components/activitylog.js | 2 +- src/components/alphaPicker/alphaPicker.js | 2 +- src/components/alphaPicker/{style.css => style.scss} | 0 src/components/appFooter/appFooter.js | 2 +- src/components/appFooter/{appFooter.css => appFooter.scss} | 0 src/components/backdrop/backdrop.js | 2 +- src/components/backdrop/{backdrop.css => backdrop.scss} | 0 src/components/cardbuilder/{card.css => card.scss} | 0 src/components/cardbuilder/cardBuilder.js | 4 ++-- src/components/channelMapper/channelMapper.js | 4 ++-- src/components/collectionEditor/collectionEditor.js | 2 +- src/components/dialog/dialog.js | 2 +- src/components/dialogHelper/dialogHelper.js | 2 +- .../dialogHelper/{dialoghelper.css => dialoghelper.scss} | 0 src/components/directorybrowser/directorybrowser.js | 6 +++--- .../{directorybrowser.css => directorybrowser.scss} | 0 src/components/filterdialog/filterdialog.js | 2 +- src/components/filterdialog/{style.css => style.scss} | 0 src/components/filtermenu/filtermenu.js | 2 +- src/components/{formdialog.css => formdialog.scss} | 0 src/components/guide/guide-settings.js | 2 +- src/components/guide/guide.js | 4 ++-- src/components/guide/{guide.css => guide.scss} | 0 src/components/guide/{programs.css => programs.scss} | 0 src/components/homeScreenSettings/homeScreenSettings.js | 2 +- src/components/homesections/homesections.js | 2 +- .../homesections/{homesections.css => homesections.scss} | 0 src/components/imageDownloader/imageDownloader.js | 4 ++-- src/components/imageUploader/imageUploader.js | 4 ++-- src/components/imageUploader/{style.css => style.scss} | 0 src/components/imageeditor/imageeditor.js | 6 +++--- .../imageeditor/{imageeditor.css => imageeditor.scss} | 0 src/components/images/imageLoader.js | 2 +- src/components/images/{style.css => style.scss} | 0 src/components/indicators/indicators.js | 2 +- .../indicators/{indicators.css => indicators.scss} | 0 src/components/itemMediaInfo/itemMediaInfo.js | 4 ++-- src/components/itemidentifier/itemidentifier.js | 4 ++-- src/components/listview/listview.js | 2 +- src/components/listview/{listview.css => listview.scss} | 0 src/components/loading/loading.js | 2 +- src/components/loading/{loading.css => loading.scss} | 0 src/components/mediaLibraryCreator/mediaLibraryCreator.js | 4 ++-- src/components/mediaLibraryEditor/mediaLibraryEditor.js | 4 ++-- src/components/mediainfo/mediainfo.js | 4 ++-- src/components/mediainfo/{mediainfo.css => mediainfo.scss} | 0 src/components/metadataEditor/metadataEditor.js | 4 ++-- src/components/metadataEditor/personEditor.js | 2 +- src/components/multiSelect/multiSelect.js | 2 +- .../multiSelect/{multiSelect.css => multiSelect.scss} | 0 src/components/nowPlayingBar/nowPlayingBar.js | 2 +- .../nowPlayingBar/{nowPlayingBar.css => nowPlayingBar.scss} | 0 src/components/playback/brightnessosd.js | 2 +- src/components/playback/{iconosd.css => iconosd.scss} | 0 src/components/playback/volumeosd.js | 2 +- src/components/playerstats/playerstats.js | 2 +- .../playerstats/{playerstats.css => playerstats.scss} | 0 src/components/playlisteditor/playlisteditor.js | 2 +- src/components/prompt/prompt.js | 2 +- src/components/recordingcreator/recordingbutton.js | 2 +- src/components/recordingcreator/recordingcreator.js | 4 ++-- .../{recordingcreator.css => recordingcreator.scss} | 0 src/components/recordingcreator/recordingeditor.js | 4 ++-- src/components/recordingcreator/recordingfields.js | 2 +- .../{recordingfields.css => recordingfields.scss} | 0 src/components/recordingcreator/seriesrecordingeditor.js | 4 ++-- src/components/refreshdialog/refreshdialog.js | 2 +- src/components/remotecontrol/remotecontrol.js | 4 ++-- .../remotecontrol/{remotecontrol.css => remotecontrol.scss} | 0 src/components/search/searchfields.js | 2 +- .../search/{searchfields.css => searchfields.scss} | 0 src/components/slideshow/slideshow.js | 2 +- src/components/slideshow/{style.css => style.scss} | 0 src/components/sortmenu/sortmenu.js | 2 +- src/components/subtitleeditor/subtitleeditor.js | 6 +++--- .../{subtitleeditor.css => subtitleeditor.scss} | 0 src/components/subtitlesettings/subtitlesettings.js | 4 ++-- .../{subtitlesettings.css => subtitlesettings.scss} | 0 src/components/subtitlesync/subtitlesync.js | 2 +- .../subtitlesync/{subtitlesync.css => subtitlesync.scss} | 0 src/components/subtitleuploader/{style.css => style.scss} | 0 src/components/subtitleuploader/subtitleuploader.js | 4 ++-- src/components/toast/toast.js | 2 +- src/components/toast/{toast.css => toast.scss} | 0 src/components/tunerPicker.js | 4 ++-- src/components/tvproviders/schedulesdirect.js | 2 +- src/components/tvproviders/xmltv.js | 2 +- src/components/upnextdialog/upnextdialog.js | 2 +- .../upnextdialog/{upnextdialog.css => upnextdialog.scss} | 0 src/components/userdatabuttons/userdatabuttons.js | 2 +- .../{userdatabuttons.css => userdatabuttons.scss} | 0 src/components/viewContainer.js | 2 +- .../viewManager/{viewContainer.css => viewContainer.scss} | 0 src/components/viewSettings/viewSettings.js | 2 +- src/controllers/dashboard/dashboard.js | 2 +- src/controllers/dashboard/devices/devices.js | 2 +- src/controllers/dashboard/dlna/profile.js | 2 +- src/controllers/dashboard/dlna/profiles.js | 2 +- src/controllers/dashboard/library.js | 2 +- src/controllers/dashboard/logs.js | 2 +- src/controllers/dashboard/metadataImages.js | 2 +- .../dashboard/notifications/notifications/index.js | 2 +- src/controllers/dashboard/plugins/available/index.js | 2 +- src/controllers/dashboard/plugins/installed/index.js | 2 +- src/controllers/dashboard/plugins/repositories/index.js | 4 ++-- src/controllers/dashboard/scheduledtasks/scheduledtask.js | 2 +- src/controllers/dashboard/scheduledtasks/scheduledtasks.js | 2 +- src/controllers/dashboard/users/userparentalcontrol.js | 2 +- src/controllers/dashboard/users/userprofilespage.js | 4 ++-- src/controllers/livetv/livetvrecordings.js | 2 +- src/controllers/livetvstatus.js | 4 ++-- src/controllers/session/login/index.js | 2 +- src/controllers/session/selectServer/index.js | 2 +- src/controllers/user/home/index.js | 2 +- src/controllers/user/menu/index.js | 2 +- src/controllers/user/playback/index.js | 2 +- src/scripts/routes.js | 2 +- 120 files changed, 112 insertions(+), 112 deletions(-) rename src/components/actionSheet/{actionSheet.css => actionSheet.scss} (100%) rename src/components/alphaPicker/{style.css => style.scss} (100%) rename src/components/appFooter/{appFooter.css => appFooter.scss} (100%) rename src/components/backdrop/{backdrop.css => backdrop.scss} (100%) rename src/components/cardbuilder/{card.css => card.scss} (100%) rename src/components/dialogHelper/{dialoghelper.css => dialoghelper.scss} (100%) rename src/components/directorybrowser/{directorybrowser.css => directorybrowser.scss} (100%) rename src/components/filterdialog/{style.css => style.scss} (100%) rename src/components/{formdialog.css => formdialog.scss} (100%) rename src/components/guide/{guide.css => guide.scss} (100%) rename src/components/guide/{programs.css => programs.scss} (100%) rename src/components/homesections/{homesections.css => homesections.scss} (100%) rename src/components/imageUploader/{style.css => style.scss} (100%) rename src/components/imageeditor/{imageeditor.css => imageeditor.scss} (100%) rename src/components/images/{style.css => style.scss} (100%) rename src/components/indicators/{indicators.css => indicators.scss} (100%) rename src/components/listview/{listview.css => listview.scss} (100%) rename src/components/loading/{loading.css => loading.scss} (100%) rename src/components/mediainfo/{mediainfo.css => mediainfo.scss} (100%) rename src/components/multiSelect/{multiSelect.css => multiSelect.scss} (100%) rename src/components/nowPlayingBar/{nowPlayingBar.css => nowPlayingBar.scss} (100%) rename src/components/playback/{iconosd.css => iconosd.scss} (100%) rename src/components/playerstats/{playerstats.css => playerstats.scss} (100%) rename src/components/recordingcreator/{recordingcreator.css => recordingcreator.scss} (100%) rename src/components/recordingcreator/{recordingfields.css => recordingfields.scss} (100%) rename src/components/remotecontrol/{remotecontrol.css => remotecontrol.scss} (100%) rename src/components/search/{searchfields.css => searchfields.scss} (100%) rename src/components/slideshow/{style.css => style.scss} (100%) rename src/components/subtitleeditor/{subtitleeditor.css => subtitleeditor.scss} (100%) rename src/components/subtitlesettings/{subtitlesettings.css => subtitlesettings.scss} (100%) rename src/components/subtitlesync/{subtitlesync.css => subtitlesync.scss} (100%) rename src/components/subtitleuploader/{style.css => style.scss} (100%) rename src/components/toast/{toast.css => toast.scss} (100%) rename src/components/upnextdialog/{upnextdialog.css => upnextdialog.scss} (100%) rename src/components/userdatabuttons/{userdatabuttons.css => userdatabuttons.scss} (100%) rename src/components/viewManager/{viewContainer.css => viewContainer.scss} (100%) diff --git a/src/components/accessSchedule/accessSchedule.js b/src/components/accessSchedule/accessSchedule.js index 15053060d5..38f0491850 100644 --- a/src/components/accessSchedule/accessSchedule.js +++ b/src/components/accessSchedule/accessSchedule.js @@ -11,7 +11,7 @@ import datetime from '../../scripts/datetime'; import globalize from '../../scripts/globalize'; import '../../elements/emby-select/emby-select'; import '../../elements/emby-button/paper-icon-button-light'; -import '../formdialog.css'; +import '../formdialog.scss'; import template from './accessSchedule.template.html'; function getDisplayTime(hours) { diff --git a/src/components/actionSheet/actionSheet.js b/src/components/actionSheet/actionSheet.js index 7ff0d9ec3e..3e9b237873 100644 --- a/src/components/actionSheet/actionSheet.js +++ b/src/components/actionSheet/actionSheet.js @@ -3,10 +3,10 @@ import layoutManager from '../layoutManager'; import globalize from '../../scripts/globalize'; import dom from '../../scripts/dom'; import '../../elements/emby-button/emby-button'; -import './actionSheet.css'; +import './actionSheet.scss'; import 'material-design-icons-iconfont'; import '../../assets/css/scrollstyles.scss'; -import '../../components/listview/listview.css'; +import '../../components/listview/listview.scss'; function getOffsets(elems) { const results = []; diff --git a/src/components/actionSheet/actionSheet.css b/src/components/actionSheet/actionSheet.scss similarity index 100% rename from src/components/actionSheet/actionSheet.css rename to src/components/actionSheet/actionSheet.scss diff --git a/src/components/activitylog.js b/src/components/activitylog.js index 78967b3a34..976a37dda0 100644 --- a/src/components/activitylog.js +++ b/src/components/activitylog.js @@ -5,7 +5,7 @@ import * as datefns from 'date-fns'; import dfnshelper from '../scripts/dfnshelper'; import serverNotifications from '../scripts/serverNotifications'; import '../elements/emby-button/emby-button'; -import './listview/listview.css'; +import './listview/listview.scss'; import ServerConnections from './ServerConnections'; import alert from './alert'; diff --git a/src/components/alphaPicker/alphaPicker.js b/src/components/alphaPicker/alphaPicker.js index 9caa1b015c..3033d38f3c 100644 --- a/src/components/alphaPicker/alphaPicker.js +++ b/src/components/alphaPicker/alphaPicker.js @@ -8,7 +8,7 @@ import focusManager from '../focusManager'; import layoutManager from '../layoutManager'; import dom from '../../scripts/dom'; -import './style.css'; +import './style.scss'; import '../../elements/emby-button/paper-icon-button-light'; import 'material-design-icons-iconfont'; diff --git a/src/components/alphaPicker/style.css b/src/components/alphaPicker/style.scss similarity index 100% rename from src/components/alphaPicker/style.css rename to src/components/alphaPicker/style.scss diff --git a/src/components/appFooter/appFooter.js b/src/components/appFooter/appFooter.js index 3b65824490..2dc396371c 100644 --- a/src/components/appFooter/appFooter.js +++ b/src/components/appFooter/appFooter.js @@ -1,4 +1,4 @@ -import './appFooter.css'; +import './appFooter.scss'; function render(options) { const elem = document.createElement('div'); diff --git a/src/components/appFooter/appFooter.css b/src/components/appFooter/appFooter.scss similarity index 100% rename from src/components/appFooter/appFooter.css rename to src/components/appFooter/appFooter.scss diff --git a/src/components/backdrop/backdrop.js b/src/components/backdrop/backdrop.js index a2fe54de19..c16d04015d 100644 --- a/src/components/backdrop/backdrop.js +++ b/src/components/backdrop/backdrop.js @@ -2,7 +2,7 @@ import browser from '../../scripts/browser'; import { playbackManager } from '../playback/playbackmanager'; import dom from '../../scripts/dom'; import * as userSettings from '../../scripts/settings/userSettings'; -import './backdrop.css'; +import './backdrop.scss'; import ServerConnections from '../ServerConnections'; /* eslint-disable indent */ diff --git a/src/components/backdrop/backdrop.css b/src/components/backdrop/backdrop.scss similarity index 100% rename from src/components/backdrop/backdrop.css rename to src/components/backdrop/backdrop.scss diff --git a/src/components/cardbuilder/card.css b/src/components/cardbuilder/card.scss similarity index 100% rename from src/components/cardbuilder/card.css rename to src/components/cardbuilder/card.scss diff --git a/src/components/cardbuilder/cardBuilder.js b/src/components/cardbuilder/cardBuilder.js index b34c3969a4..9b5f18ed60 100644 --- a/src/components/cardbuilder/cardBuilder.js +++ b/src/components/cardbuilder/cardBuilder.js @@ -17,9 +17,9 @@ import browser from '../../scripts/browser'; import { playbackManager } from '../playback/playbackmanager'; import itemShortcuts from '../shortcuts'; import imageHelper from '../../scripts/imagehelper'; -import './card.css'; +import './card.scss'; import '../../elements/emby-button/paper-icon-button-light'; -import '../guide/programs.css'; +import '../guide/programs.scss'; import ServerConnections from '../ServerConnections'; const enableFocusTransform = !browser.slow && !browser.edge; diff --git a/src/components/channelMapper/channelMapper.js b/src/components/channelMapper/channelMapper.js index bedab5421b..3f9ed65a02 100644 --- a/src/components/channelMapper/channelMapper.js +++ b/src/components/channelMapper/channelMapper.js @@ -6,9 +6,9 @@ import actionsheet from '../actionSheet/actionSheet'; import '../../elements/emby-input/emby-input'; import '../../elements/emby-button/paper-icon-button-light'; import '../../elements/emby-button/emby-button'; -import '../listview/listview.css'; +import '../listview/listview.scss'; import 'material-design-icons-iconfont'; -import '../formdialog.css'; +import '../formdialog.scss'; import ServerConnections from '../ServerConnections'; export default class channelMapper { diff --git a/src/components/collectionEditor/collectionEditor.js b/src/components/collectionEditor/collectionEditor.js index 33e6fdecca..a5fc26c446 100644 --- a/src/components/collectionEditor/collectionEditor.js +++ b/src/components/collectionEditor/collectionEditor.js @@ -10,7 +10,7 @@ import '../../elements/emby-checkbox/emby-checkbox'; import '../../elements/emby-input/emby-input'; import '../../elements/emby-select/emby-select'; import 'material-design-icons-iconfont'; -import '../formdialog.css'; +import '../formdialog.scss'; import '../../assets/css/flexstyles.scss'; import ServerConnections from '../ServerConnections'; import toast from '../toast/toast'; diff --git a/src/components/dialog/dialog.js b/src/components/dialog/dialog.js index 6647dda400..e95b8a42e0 100644 --- a/src/components/dialog/dialog.js +++ b/src/components/dialog/dialog.js @@ -7,7 +7,7 @@ import 'material-design-icons-iconfont'; import '../../elements/emby-button/emby-button'; import '../../elements/emby-button/paper-icon-button-light'; import '../../elements/emby-input/emby-input'; -import '../formdialog.css'; +import '../formdialog.scss'; import '../../assets/css/flexstyles.scss'; import template from './dialog.template.html'; diff --git a/src/components/dialogHelper/dialogHelper.js b/src/components/dialogHelper/dialogHelper.js index 9f6e4fbd17..1a374aed57 100644 --- a/src/components/dialogHelper/dialogHelper.js +++ b/src/components/dialogHelper/dialogHelper.js @@ -4,7 +4,7 @@ import browser from '../../scripts/browser'; import layoutManager from '../layoutManager'; import inputManager from '../../scripts/inputManager'; import dom from '../../scripts/dom'; -import './dialoghelper.css'; +import './dialoghelper.scss'; import '../../assets/css/scrollstyles.scss'; /* eslint-disable indent */ diff --git a/src/components/dialogHelper/dialoghelper.css b/src/components/dialogHelper/dialoghelper.scss similarity index 100% rename from src/components/dialogHelper/dialoghelper.css rename to src/components/dialogHelper/dialoghelper.scss diff --git a/src/components/directorybrowser/directorybrowser.js b/src/components/directorybrowser/directorybrowser.js index 2f8a2cadd1..2d53da67ed 100644 --- a/src/components/directorybrowser/directorybrowser.js +++ b/src/components/directorybrowser/directorybrowser.js @@ -2,11 +2,11 @@ import loading from '../loading/loading'; import dialogHelper from '../dialogHelper/dialogHelper'; import dom from '../../scripts/dom'; import globalize from '../../scripts/globalize'; -import '../listview/listview.css'; +import '../listview/listview.scss'; import '../../elements/emby-input/emby-input'; import '../../elements/emby-button/paper-icon-button-light'; -import './directorybrowser.css'; -import '../formdialog.css'; +import './directorybrowser.scss'; +import '../formdialog.scss'; import '../../elements/emby-button/emby-button'; import alert from '../alert'; diff --git a/src/components/directorybrowser/directorybrowser.css b/src/components/directorybrowser/directorybrowser.scss similarity index 100% rename from src/components/directorybrowser/directorybrowser.css rename to src/components/directorybrowser/directorybrowser.scss diff --git a/src/components/filterdialog/filterdialog.js b/src/components/filterdialog/filterdialog.js index 77026e72d7..47b831ca4f 100644 --- a/src/components/filterdialog/filterdialog.js +++ b/src/components/filterdialog/filterdialog.js @@ -4,7 +4,7 @@ import globalize from '../../scripts/globalize'; import { Events } from 'jellyfin-apiclient'; import '../../elements/emby-checkbox/emby-checkbox'; import '../../elements/emby-collapse/emby-collapse'; -import './style.css'; +import './style.scss'; import ServerConnections from '../ServerConnections'; import template from './filterdialog.template.html'; diff --git a/src/components/filterdialog/style.css b/src/components/filterdialog/style.scss similarity index 100% rename from src/components/filterdialog/style.css rename to src/components/filterdialog/style.scss diff --git a/src/components/filtermenu/filtermenu.js b/src/components/filtermenu/filtermenu.js index 37d7860c02..7f1cf3dabf 100644 --- a/src/components/filtermenu/filtermenu.js +++ b/src/components/filtermenu/filtermenu.js @@ -11,7 +11,7 @@ import '../../elements/emby-button/emby-button'; import '../../elements/emby-button/paper-icon-button-light'; import '../../elements/emby-select/emby-select'; import 'material-design-icons-iconfont'; -import '../formdialog.css'; +import '../formdialog.scss'; import '../../assets/css/flexstyles.scss'; import ServerConnections from '../ServerConnections'; import template from './filtermenu.template.html'; diff --git a/src/components/formdialog.css b/src/components/formdialog.scss similarity index 100% rename from src/components/formdialog.css rename to src/components/formdialog.scss diff --git a/src/components/guide/guide-settings.js b/src/components/guide/guide-settings.js index 03e3c48c3a..b8492d1448 100644 --- a/src/components/guide/guide-settings.js +++ b/src/components/guide/guide-settings.js @@ -5,7 +5,7 @@ import layoutManager from '../layoutManager'; import scrollHelper from '../../scripts/scrollHelper'; import '../../elements/emby-checkbox/emby-checkbox'; import '../../elements/emby-radio/emby-radio'; -import '../formdialog.css'; +import '../formdialog.scss'; import 'material-design-icons-iconfont'; import template from './guide-settings.template.html'; diff --git a/src/components/guide/guide.js b/src/components/guide/guide.js index fbdf43b09d..460295b285 100644 --- a/src/components/guide/guide.js +++ b/src/components/guide/guide.js @@ -13,8 +13,8 @@ import imageLoader from '../images/imageLoader'; import layoutManager from '../layoutManager'; import itemShortcuts from '../shortcuts'; import dom from '../../scripts/dom'; -import './guide.css'; -import './programs.css'; +import './guide.scss'; +import './programs.scss'; import 'material-design-icons-iconfont'; import '../../assets/css/scrollstyles.scss'; import '../../elements/emby-programcell/emby-programcell'; diff --git a/src/components/guide/guide.css b/src/components/guide/guide.scss similarity index 100% rename from src/components/guide/guide.css rename to src/components/guide/guide.scss diff --git a/src/components/guide/programs.css b/src/components/guide/programs.scss similarity index 100% rename from src/components/guide/programs.css rename to src/components/guide/programs.scss diff --git a/src/components/homeScreenSettings/homeScreenSettings.js b/src/components/homeScreenSettings/homeScreenSettings.js index b07203442f..c1823f5398 100644 --- a/src/components/homeScreenSettings/homeScreenSettings.js +++ b/src/components/homeScreenSettings/homeScreenSettings.js @@ -6,7 +6,7 @@ import loading from '../loading/loading'; import { Events } from 'jellyfin-apiclient'; import homeSections from '../homesections/homesections'; import dom from '../../scripts/dom'; -import '../listview/listview.css'; +import '../listview/listview.scss'; import '../../elements/emby-select/emby-select'; import '../../elements/emby-checkbox/emby-checkbox'; import ServerConnections from '../ServerConnections'; diff --git a/src/components/homesections/homesections.js b/src/components/homesections/homesections.js index 421f74e125..6fc2eb7d39 100644 --- a/src/components/homesections/homesections.js +++ b/src/components/homesections/homesections.js @@ -9,7 +9,7 @@ import '../../elements/emby-button/paper-icon-button-light'; import '../../elements/emby-itemscontainer/emby-itemscontainer'; import '../../elements/emby-scroller/emby-scroller'; import '../../elements/emby-button/emby-button'; -import './homesections.css'; +import './homesections.scss'; import Dashboard from '../../scripts/clientUtils'; import ServerConnections from '../ServerConnections'; diff --git a/src/components/homesections/homesections.css b/src/components/homesections/homesections.scss similarity index 100% rename from src/components/homesections/homesections.css rename to src/components/homesections/homesections.scss diff --git a/src/components/imageDownloader/imageDownloader.js b/src/components/imageDownloader/imageDownloader.js index e501a808c9..dff1c89152 100644 --- a/src/components/imageDownloader/imageDownloader.js +++ b/src/components/imageDownloader/imageDownloader.js @@ -10,8 +10,8 @@ import globalize from '../../scripts/globalize'; import '../../elements/emby-checkbox/emby-checkbox'; import '../../elements/emby-button/paper-icon-button-light'; import '../../elements/emby-button/emby-button'; -import '../formdialog.css'; -import '../cardbuilder/card.css'; +import '../formdialog.scss'; +import '../cardbuilder/card.scss'; import ServerConnections from '../ServerConnections'; import template from './imageDownloader.template.html'; diff --git a/src/components/imageUploader/imageUploader.js b/src/components/imageUploader/imageUploader.js index 15a2d5cbbc..246bf92f7f 100644 --- a/src/components/imageUploader/imageUploader.js +++ b/src/components/imageUploader/imageUploader.js @@ -13,8 +13,8 @@ import layoutManager from '../layoutManager'; import globalize from '../../scripts/globalize'; import '../../elements/emby-button/emby-button'; import '../../elements/emby-select/emby-select'; -import '../formdialog.css'; -import './style.css'; +import '../formdialog.scss'; +import './style.scss'; import ServerConnections from '../ServerConnections'; import toast from '../toast/toast'; import template from './imageUploader.template.html'; diff --git a/src/components/imageUploader/style.css b/src/components/imageUploader/style.scss similarity index 100% rename from src/components/imageUploader/style.css rename to src/components/imageUploader/style.scss diff --git a/src/components/imageeditor/imageeditor.js b/src/components/imageeditor/imageeditor.js index 60fbddbaad..7f5be72f61 100644 --- a/src/components/imageeditor/imageeditor.js +++ b/src/components/imageeditor/imageeditor.js @@ -8,11 +8,11 @@ import scrollHelper from '../../scripts/scrollHelper'; import imageLoader from '../images/imageLoader'; import browser from '../../scripts/browser'; import { appHost } from '../apphost'; -import '../cardbuilder/card.css'; -import '../formdialog.css'; +import '../cardbuilder/card.scss'; +import '../formdialog.scss'; import '../../elements/emby-button/emby-button'; import '../../elements/emby-button/paper-icon-button-light'; -import './imageeditor.css'; +import './imageeditor.scss'; import ServerConnections from '../ServerConnections'; import alert from '../alert'; import confirm from '../confirm/confirm'; diff --git a/src/components/imageeditor/imageeditor.css b/src/components/imageeditor/imageeditor.scss similarity index 100% rename from src/components/imageeditor/imageeditor.css rename to src/components/imageeditor/imageeditor.scss diff --git a/src/components/images/imageLoader.js b/src/components/images/imageLoader.js index 53759b77cc..7e32b3a365 100644 --- a/src/components/images/imageLoader.js +++ b/src/components/images/imageLoader.js @@ -1,7 +1,7 @@ import * as lazyLoader from '../lazyLoader/lazyLoaderIntersectionObserver'; import * as userSettings from '../../scripts/settings/userSettings'; import { decode, isBlurhashValid } from 'blurhash'; -import './style.css'; +import './style.scss'; /* eslint-disable indent */ export function lazyImage(elem, source = elem.getAttribute('data-src')) { diff --git a/src/components/images/style.css b/src/components/images/style.scss similarity index 100% rename from src/components/images/style.css rename to src/components/images/style.scss diff --git a/src/components/indicators/indicators.js b/src/components/indicators/indicators.js index 5f8a8691d1..aab2f64073 100644 --- a/src/components/indicators/indicators.js +++ b/src/components/indicators/indicators.js @@ -1,7 +1,7 @@ import datetime from '../../scripts/datetime'; import itemHelper from '../itemHelper'; import '../../elements/emby-progressbar/emby-progressbar'; -import './indicators.css'; +import './indicators.scss'; import 'material-design-icons-iconfont'; export function enableProgressIndicator(item) { diff --git a/src/components/indicators/indicators.css b/src/components/indicators/indicators.scss similarity index 100% rename from src/components/indicators/indicators.css rename to src/components/indicators/indicators.scss diff --git a/src/components/itemMediaInfo/itemMediaInfo.js b/src/components/itemMediaInfo/itemMediaInfo.js index 37e28ec4d5..2eda9d046d 100644 --- a/src/components/itemMediaInfo/itemMediaInfo.js +++ b/src/components/itemMediaInfo/itemMediaInfo.js @@ -10,10 +10,10 @@ import layoutManager from '../layoutManager'; import globalize from '../../scripts/globalize'; import loading from '../loading/loading'; import '../../elements/emby-select/emby-select'; -import '../listview/listview.css'; +import '../listview/listview.scss'; import '../../elements/emby-button/emby-button'; import '../../elements/emby-button/paper-icon-button-light'; -import '../formdialog.css'; +import '../formdialog.scss'; import 'material-design-icons-iconfont'; import '../../assets/css/flexstyles.scss'; import ServerConnections from '../ServerConnections'; diff --git a/src/components/itemidentifier/itemidentifier.js b/src/components/itemidentifier/itemidentifier.js index 227813b117..dee99f6326 100644 --- a/src/components/itemidentifier/itemidentifier.js +++ b/src/components/itemidentifier/itemidentifier.js @@ -15,9 +15,9 @@ import browser from '../../scripts/browser'; import '../../elements/emby-input/emby-input'; import '../../elements/emby-checkbox/emby-checkbox'; import '../../elements/emby-button/paper-icon-button-light'; -import '../formdialog.css'; +import '../formdialog.scss'; import 'material-design-icons-iconfont'; -import '../cardbuilder/card.css'; +import '../cardbuilder/card.scss'; import ServerConnections from '../ServerConnections'; import toast from '../toast/toast'; import template from './itemidentifier.template.html'; diff --git a/src/components/listview/listview.js b/src/components/listview/listview.js index 96ffcd0ad3..5ca17d137a 100644 --- a/src/components/listview/listview.js +++ b/src/components/listview/listview.js @@ -12,7 +12,7 @@ import layoutManager from '../layoutManager'; import globalize from '../../scripts/globalize'; import datetime from '../../scripts/datetime'; import cardBuilder from '../cardbuilder/cardBuilder'; -import './listview.css'; +import './listview.scss'; import '../../elements/emby-ratingbutton/emby-ratingbutton'; import '../../elements/emby-playstatebutton/emby-playstatebutton'; import ServerConnections from '../ServerConnections'; diff --git a/src/components/listview/listview.css b/src/components/listview/listview.scss similarity index 100% rename from src/components/listview/listview.css rename to src/components/listview/listview.scss diff --git a/src/components/loading/loading.js b/src/components/loading/loading.js index 466173952c..ed7c2db02b 100644 --- a/src/components/loading/loading.js +++ b/src/components/loading/loading.js @@ -1,4 +1,4 @@ -import './loading.css'; +import './loading.scss'; let loadingElem; let layer1; diff --git a/src/components/loading/loading.css b/src/components/loading/loading.scss similarity index 100% rename from src/components/loading/loading.css rename to src/components/loading/loading.scss diff --git a/src/components/mediaLibraryCreator/mediaLibraryCreator.js b/src/components/mediaLibraryCreator/mediaLibraryCreator.js index c50a5ab25a..ffccd8e933 100644 --- a/src/components/mediaLibraryCreator/mediaLibraryCreator.js +++ b/src/components/mediaLibraryCreator/mediaLibraryCreator.js @@ -16,8 +16,8 @@ import '../../elements/emby-button/paper-icon-button-light'; import '../../elements/emby-input/emby-input'; import '../../elements/emby-select/emby-select'; import '../../elements/emby-toggle/emby-toggle'; -import '../listview/listview.css'; -import '../formdialog.css'; +import '../listview/listview.scss'; +import '../formdialog.scss'; import '../../assets/css/flexstyles.scss'; import toast from '../toast/toast'; import alert from '../alert'; diff --git a/src/components/mediaLibraryEditor/mediaLibraryEditor.js b/src/components/mediaLibraryEditor/mediaLibraryEditor.js index dede7afa77..cfd1955c7b 100644 --- a/src/components/mediaLibraryEditor/mediaLibraryEditor.js +++ b/src/components/mediaLibraryEditor/mediaLibraryEditor.js @@ -12,9 +12,9 @@ import dom from '../../scripts/dom'; import libraryoptionseditor from '../libraryoptionseditor/libraryoptionseditor'; import globalize from '../../scripts/globalize'; import '../../elements/emby-button/emby-button'; -import '../listview/listview.css'; +import '../listview/listview.scss'; import '../../elements/emby-button/paper-icon-button-light'; -import '../formdialog.css'; +import '../formdialog.scss'; import '../../elements/emby-toggle/emby-toggle'; import '../../assets/css/flexstyles.scss'; import toast from '../toast/toast'; diff --git a/src/components/mediainfo/mediainfo.js b/src/components/mediainfo/mediainfo.js index 73193f3758..0b09c3dff3 100644 --- a/src/components/mediainfo/mediainfo.js +++ b/src/components/mediainfo/mediainfo.js @@ -4,8 +4,8 @@ import { appRouter } from '../appRouter'; import itemHelper from '../itemHelper'; import indicators from '../indicators/indicators'; import 'material-design-icons-iconfont'; -import './mediainfo.css'; -import '../guide/programs.css'; +import './mediainfo.scss'; +import '../guide/programs.scss'; import '../../elements/emby-button/emby-button'; /* eslint-disable indent */ diff --git a/src/components/mediainfo/mediainfo.css b/src/components/mediainfo/mediainfo.scss similarity index 100% rename from src/components/mediainfo/mediainfo.css rename to src/components/mediainfo/mediainfo.scss diff --git a/src/components/metadataEditor/metadataEditor.js b/src/components/metadataEditor/metadataEditor.js index ff1654a3c5..b020f88e13 100644 --- a/src/components/metadataEditor/metadataEditor.js +++ b/src/components/metadataEditor/metadataEditor.js @@ -9,11 +9,11 @@ import shell from '../../scripts/shell'; import '../../elements/emby-checkbox/emby-checkbox'; import '../../elements/emby-input/emby-input'; import '../../elements/emby-select/emby-select'; -import '../listview/listview.css'; +import '../listview/listview.scss'; import '../../elements/emby-textarea/emby-textarea'; import '../../elements/emby-button/emby-button'; import '../../elements/emby-button/paper-icon-button-light'; -import '../formdialog.css'; +import '../formdialog.scss'; import '../../assets/css/clearbutton.scss'; import '../../assets/css/flexstyles.scss'; import ServerConnections from '../ServerConnections'; diff --git a/src/components/metadataEditor/personEditor.js b/src/components/metadataEditor/personEditor.js index 5c3b406bd6..0911632748 100644 --- a/src/components/metadataEditor/personEditor.js +++ b/src/components/metadataEditor/personEditor.js @@ -5,7 +5,7 @@ import globalize from '../../scripts/globalize'; import '../../elements/emby-button/paper-icon-button-light'; import '../../elements/emby-input/emby-input'; import '../../elements/emby-select/emby-select'; -import '../formdialog.css'; +import '../formdialog.scss'; import template from './personEditor.template.html'; /* eslint-disable indent */ diff --git a/src/components/multiSelect/multiSelect.js b/src/components/multiSelect/multiSelect.js index 95c23b1854..f2f359ae98 100644 --- a/src/components/multiSelect/multiSelect.js +++ b/src/components/multiSelect/multiSelect.js @@ -3,7 +3,7 @@ import { appHost } from '../apphost'; import loading from '../loading/loading'; import globalize from '../../scripts/globalize'; import dom from '../../scripts/dom'; -import './multiSelect.css'; +import './multiSelect.scss'; import ServerConnections from '../ServerConnections'; import alert from '../alert'; import playlistEditor from '../playlisteditor/playlisteditor'; diff --git a/src/components/multiSelect/multiSelect.css b/src/components/multiSelect/multiSelect.scss similarity index 100% rename from src/components/multiSelect/multiSelect.css rename to src/components/multiSelect/multiSelect.scss diff --git a/src/components/nowPlayingBar/nowPlayingBar.js b/src/components/nowPlayingBar/nowPlayingBar.js index cbeb9813dd..da32640c76 100644 --- a/src/components/nowPlayingBar/nowPlayingBar.js +++ b/src/components/nowPlayingBar/nowPlayingBar.js @@ -13,7 +13,7 @@ import '../../elements/emby-ratingbutton/emby-ratingbutton'; import ServerConnections from '../ServerConnections'; import appFooter from '../appFooter/appFooter'; import itemShortcuts from '../shortcuts'; -import './nowPlayingBar.css'; +import './nowPlayingBar.scss'; import '../../elements/emby-slider/emby-slider'; import { appRouter } from '../appRouter'; diff --git a/src/components/nowPlayingBar/nowPlayingBar.css b/src/components/nowPlayingBar/nowPlayingBar.scss similarity index 100% rename from src/components/nowPlayingBar/nowPlayingBar.css rename to src/components/nowPlayingBar/nowPlayingBar.scss diff --git a/src/components/playback/brightnessosd.js b/src/components/playback/brightnessosd.js index e6c4b82f2e..fe6ba2e0e2 100644 --- a/src/components/playback/brightnessosd.js +++ b/src/components/playback/brightnessosd.js @@ -2,7 +2,7 @@ import { Events } from 'jellyfin-apiclient'; import { playbackManager } from './playbackmanager'; import dom from '../../scripts/dom'; import browser from '../../scripts/browser'; -import './iconosd.css'; +import './iconosd.scss'; import 'material-design-icons-iconfont'; let currentPlayer; diff --git a/src/components/playback/iconosd.css b/src/components/playback/iconosd.scss similarity index 100% rename from src/components/playback/iconosd.css rename to src/components/playback/iconosd.scss diff --git a/src/components/playback/volumeosd.js b/src/components/playback/volumeosd.js index 3269b289d0..796030f89f 100644 --- a/src/components/playback/volumeosd.js +++ b/src/components/playback/volumeosd.js @@ -3,7 +3,7 @@ import { Events } from 'jellyfin-apiclient'; import { playbackManager } from './playbackmanager'; import dom from '../../scripts/dom'; import browser from '../../scripts/browser'; -import './iconosd.css'; +import './iconosd.scss'; import 'material-design-icons-iconfont'; let currentPlayer; diff --git a/src/components/playerstats/playerstats.js b/src/components/playerstats/playerstats.js index 805f0115ce..bac81609ef 100644 --- a/src/components/playerstats/playerstats.js +++ b/src/components/playerstats/playerstats.js @@ -5,7 +5,7 @@ import layoutManager from '../layoutManager'; import { playbackManager } from '../playback/playbackmanager'; import playMethodHelper from '../playback/playmethodhelper'; import SyncPlay from '../../components/syncPlay/core'; -import './playerstats.css'; +import './playerstats.scss'; import ServerConnections from '../ServerConnections'; /* eslint-disable indent */ diff --git a/src/components/playerstats/playerstats.css b/src/components/playerstats/playerstats.scss similarity index 100% rename from src/components/playerstats/playerstats.css rename to src/components/playerstats/playerstats.scss diff --git a/src/components/playlisteditor/playlisteditor.js b/src/components/playlisteditor/playlisteditor.js index 675e8e09c9..02891b1ce1 100644 --- a/src/components/playlisteditor/playlisteditor.js +++ b/src/components/playlisteditor/playlisteditor.js @@ -12,7 +12,7 @@ import '../../elements/emby-input/emby-input'; import '../../elements/emby-button/paper-icon-button-light'; import '../../elements/emby-select/emby-select'; import 'material-design-icons-iconfont'; -import '../formdialog.css'; +import '../formdialog.scss'; import ServerConnections from '../ServerConnections'; /* eslint-disable indent */ diff --git a/src/components/prompt/prompt.js b/src/components/prompt/prompt.js index 8c64274ba3..c59a6e724f 100644 --- a/src/components/prompt/prompt.js +++ b/src/components/prompt/prompt.js @@ -8,7 +8,7 @@ import 'material-design-icons-iconfont'; import '../../elements/emby-button/emby-button'; import '../../elements/emby-button/paper-icon-button-light'; import '../../elements/emby-input/emby-input'; -import '../formdialog.css'; +import '../formdialog.scss'; import template from './prompt.template.html'; export default (() => { diff --git a/src/components/recordingcreator/recordingbutton.js b/src/components/recordingcreator/recordingbutton.js index 393e7bea96..ebb27595e1 100644 --- a/src/components/recordingcreator/recordingbutton.js +++ b/src/components/recordingcreator/recordingbutton.js @@ -2,7 +2,7 @@ import dom from '../../scripts/dom'; import recordingHelper from './recordinghelper'; import '../../elements/emby-button/paper-icon-button-light'; import '../../elements/emby-button/emby-button'; -import './recordingfields.css'; +import './recordingfields.scss'; import ServerConnections from '../ServerConnections'; function onRecordingButtonClick(e) { diff --git a/src/components/recordingcreator/recordingcreator.js b/src/components/recordingcreator/recordingcreator.js index 0b8e3d8307..36270f94ed 100644 --- a/src/components/recordingcreator/recordingcreator.js +++ b/src/components/recordingcreator/recordingcreator.js @@ -13,8 +13,8 @@ import '../../elements/emby-button/paper-icon-button-light'; import '../../elements/emby-checkbox/emby-checkbox'; import '../../elements/emby-collapse/emby-collapse'; import '../../elements/emby-input/emby-input'; -import '../formdialog.css'; -import './recordingcreator.css'; +import '../formdialog.scss'; +import './recordingcreator.scss'; import 'material-design-icons-iconfont'; import ServerConnections from '../ServerConnections'; import { playbackManager } from '../playback/playbackmanager'; diff --git a/src/components/recordingcreator/recordingcreator.css b/src/components/recordingcreator/recordingcreator.scss similarity index 100% rename from src/components/recordingcreator/recordingcreator.css rename to src/components/recordingcreator/recordingcreator.scss diff --git a/src/components/recordingcreator/recordingeditor.js b/src/components/recordingcreator/recordingeditor.js index 84c0c20ce1..c627e9e4ef 100644 --- a/src/components/recordingcreator/recordingeditor.js +++ b/src/components/recordingcreator/recordingeditor.js @@ -9,8 +9,8 @@ import '../../elements/emby-button/emby-button'; import '../../elements/emby-collapse/emby-collapse'; import '../../elements/emby-input/emby-input'; import '../../elements/emby-button/paper-icon-button-light'; -import '../formdialog.css'; -import './recordingcreator.css'; +import '../formdialog.scss'; +import './recordingcreator.scss'; import 'material-design-icons-iconfont'; import '../../assets/css/flexstyles.scss'; import ServerConnections from '../ServerConnections'; diff --git a/src/components/recordingcreator/recordingfields.js b/src/components/recordingcreator/recordingfields.js index 134ae6221d..ae2742d77a 100644 --- a/src/components/recordingcreator/recordingfields.js +++ b/src/components/recordingcreator/recordingfields.js @@ -6,7 +6,7 @@ import dom from '../../scripts/dom'; import recordingHelper from './recordinghelper'; import '../../elements/emby-button/emby-button'; import '../../elements/emby-button/paper-icon-button-light'; -import './recordingfields.css'; +import './recordingfields.scss'; import '../../assets/css/flexstyles.scss'; import ServerConnections from '../ServerConnections'; import toast from '../toast/toast'; diff --git a/src/components/recordingcreator/recordingfields.css b/src/components/recordingcreator/recordingfields.scss similarity index 100% rename from src/components/recordingcreator/recordingfields.css rename to src/components/recordingcreator/recordingfields.scss diff --git a/src/components/recordingcreator/seriesrecordingeditor.js b/src/components/recordingcreator/seriesrecordingeditor.js index 5ef150c298..b4bbba863b 100644 --- a/src/components/recordingcreator/seriesrecordingeditor.js +++ b/src/components/recordingcreator/seriesrecordingeditor.js @@ -10,8 +10,8 @@ import '../../elements/emby-checkbox/emby-checkbox'; import '../../elements/emby-input/emby-input'; import '../../elements/emby-select/emby-select'; import '../../elements/emby-button/paper-icon-button-light'; -import '../formdialog.css'; -import './recordingcreator.css'; +import '../formdialog.scss'; +import './recordingcreator.scss'; import 'material-design-icons-iconfont'; import '../../assets/css/flexstyles.scss'; import ServerConnections from '../ServerConnections'; diff --git a/src/components/refreshdialog/refreshdialog.js b/src/components/refreshdialog/refreshdialog.js index 3b31b023f9..fe5756af3d 100644 --- a/src/components/refreshdialog/refreshdialog.js +++ b/src/components/refreshdialog/refreshdialog.js @@ -9,7 +9,7 @@ import '../../elements/emby-button/paper-icon-button-light'; import '../../elements/emby-checkbox/emby-checkbox'; import '../../elements/emby-select/emby-select'; import 'material-design-icons-iconfont'; -import '../formdialog.css'; +import '../formdialog.scss'; import ServerConnections from '../ServerConnections'; import toast from '../toast/toast'; diff --git a/src/components/remotecontrol/remotecontrol.js b/src/components/remotecontrol/remotecontrol.js index 49fb8370c5..d502d017e7 100644 --- a/src/components/remotecontrol/remotecontrol.js +++ b/src/components/remotecontrol/remotecontrol.js @@ -11,9 +11,9 @@ import layoutManager from '../layoutManager'; import * as userSettings from '../../scripts/settings/userSettings'; import cardBuilder from '../cardbuilder/cardBuilder'; import itemContextMenu from '../itemContextMenu'; -import '../cardbuilder/card.css'; +import '../cardbuilder/card.scss'; import '../../elements/emby-itemscontainer/emby-itemscontainer'; -import './remotecontrol.css'; +import './remotecontrol.scss'; import '../../elements/emby-ratingbutton/emby-ratingbutton'; import ServerConnections from '../ServerConnections'; import toast from '../toast/toast'; diff --git a/src/components/remotecontrol/remotecontrol.css b/src/components/remotecontrol/remotecontrol.scss similarity index 100% rename from src/components/remotecontrol/remotecontrol.css rename to src/components/remotecontrol/remotecontrol.scss diff --git a/src/components/search/searchfields.js b/src/components/search/searchfields.js index 67364c33b2..601966db40 100644 --- a/src/components/search/searchfields.js +++ b/src/components/search/searchfields.js @@ -6,7 +6,7 @@ import AlphaPicker from '../alphaPicker/alphaPicker'; import '../../elements/emby-input/emby-input'; import '../../assets/css/flexstyles.scss'; import 'material-design-icons-iconfont'; -import './searchfields.css'; +import './searchfields.scss'; import template from './searchfields.template.html'; /* eslint-disable indent */ diff --git a/src/components/search/searchfields.css b/src/components/search/searchfields.scss similarity index 100% rename from src/components/search/searchfields.css rename to src/components/search/searchfields.scss diff --git a/src/components/slideshow/slideshow.js b/src/components/slideshow/slideshow.js index 0a50d26ea9..6ae0c26f0a 100644 --- a/src/components/slideshow/slideshow.js +++ b/src/components/slideshow/slideshow.js @@ -9,7 +9,7 @@ import focusManager from '../focusManager'; import browser from '../../scripts/browser'; import { appHost } from '../apphost'; import dom from '../../scripts/dom'; -import './style.css'; +import './style.scss'; import 'material-design-icons-iconfont'; import '../../elements/emby-button/paper-icon-button-light'; import ServerConnections from '../ServerConnections'; diff --git a/src/components/slideshow/style.css b/src/components/slideshow/style.scss similarity index 100% rename from src/components/slideshow/style.css rename to src/components/slideshow/style.scss diff --git a/src/components/sortmenu/sortmenu.js b/src/components/sortmenu/sortmenu.js index c8eaf80b7f..60392ad381 100644 --- a/src/components/sortmenu/sortmenu.js +++ b/src/components/sortmenu/sortmenu.js @@ -5,7 +5,7 @@ import * as userSettings from '../../scripts/settings/userSettings'; import '../../elements/emby-select/emby-select'; import '../../elements/emby-button/paper-icon-button-light'; import 'material-design-icons-iconfont'; -import '../formdialog.css'; +import '../formdialog.scss'; import '../../elements/emby-button/emby-button'; import '../../assets/css/flexstyles.scss'; import template from './sortmenu.template.html'; diff --git a/src/components/subtitleeditor/subtitleeditor.js b/src/components/subtitleeditor/subtitleeditor.js index 5e026538e3..a58175a6c1 100644 --- a/src/components/subtitleeditor/subtitleeditor.js +++ b/src/components/subtitleeditor/subtitleeditor.js @@ -7,11 +7,11 @@ import loading from '../loading/loading'; import focusManager from '../focusManager'; import dom from '../../scripts/dom'; import '../../elements/emby-select/emby-select'; -import '../listview/listview.css'; +import '../listview/listview.scss'; import '../../elements/emby-button/paper-icon-button-light'; -import '../formdialog.css'; +import '../formdialog.scss'; import 'material-design-icons-iconfont'; -import './subtitleeditor.css'; +import './subtitleeditor.scss'; import '../../elements/emby-button/emby-button'; import '../../assets/css/flexstyles.scss'; import ServerConnections from '../ServerConnections'; diff --git a/src/components/subtitleeditor/subtitleeditor.css b/src/components/subtitleeditor/subtitleeditor.scss similarity index 100% rename from src/components/subtitleeditor/subtitleeditor.css rename to src/components/subtitleeditor/subtitleeditor.scss diff --git a/src/components/subtitlesettings/subtitlesettings.js b/src/components/subtitlesettings/subtitlesettings.js index d348ae6359..0342dddf4c 100644 --- a/src/components/subtitlesettings/subtitlesettings.js +++ b/src/components/subtitlesettings/subtitlesettings.js @@ -8,13 +8,13 @@ import subtitleAppearanceHelper from './subtitleappearancehelper'; import settingsHelper from '../settingshelper'; import dom from '../../scripts/dom'; import { Events } from 'jellyfin-apiclient'; -import '../listview/listview.css'; +import '../listview/listview.scss'; import '../../elements/emby-select/emby-select'; import '../../elements/emby-slider/emby-slider'; import '../../elements/emby-input/emby-input'; import '../../elements/emby-checkbox/emby-checkbox'; import '../../assets/css/flexstyles.scss'; -import './subtitlesettings.css'; +import './subtitlesettings.scss'; import ServerConnections from '../ServerConnections'; import toast from '../toast/toast'; import template from './subtitlesettings.template.html'; diff --git a/src/components/subtitlesettings/subtitlesettings.css b/src/components/subtitlesettings/subtitlesettings.scss similarity index 100% rename from src/components/subtitlesettings/subtitlesettings.css rename to src/components/subtitlesettings/subtitlesettings.scss diff --git a/src/components/subtitlesync/subtitlesync.js b/src/components/subtitlesync/subtitlesync.js index f04ce58e7a..b5842cf884 100644 --- a/src/components/subtitlesync/subtitlesync.js +++ b/src/components/subtitlesync/subtitlesync.js @@ -2,7 +2,7 @@ import { playbackManager } from '../playback/playbackmanager'; import layoutManager from '../layoutManager'; import template from './subtitlesync.template.html'; -import './subtitlesync.css'; +import './subtitlesync.scss'; let player; let subtitleSyncSlider; diff --git a/src/components/subtitlesync/subtitlesync.css b/src/components/subtitlesync/subtitlesync.scss similarity index 100% rename from src/components/subtitlesync/subtitlesync.css rename to src/components/subtitlesync/subtitlesync.scss diff --git a/src/components/subtitleuploader/style.css b/src/components/subtitleuploader/style.scss similarity index 100% rename from src/components/subtitleuploader/style.css rename to src/components/subtitleuploader/style.scss diff --git a/src/components/subtitleuploader/subtitleuploader.js b/src/components/subtitleuploader/subtitleuploader.js index 1c9b8cfb24..8d94a8ff39 100644 --- a/src/components/subtitleuploader/subtitleuploader.js +++ b/src/components/subtitleuploader/subtitleuploader.js @@ -9,8 +9,8 @@ import template from './subtitleuploader.template.html'; import toast from '../toast/toast'; import '../../elements/emby-button/emby-button'; import '../../elements/emby-select/emby-select'; -import '../formdialog.css'; -import './style.css'; +import '../formdialog.scss'; +import './style.scss'; let currentItemId; let currentServerId; diff --git a/src/components/toast/toast.js b/src/components/toast/toast.js index 75bb5ed2ed..5a9cf0cd87 100644 --- a/src/components/toast/toast.js +++ b/src/components/toast/toast.js @@ -1,4 +1,4 @@ -import './toast.css'; +import './toast.scss'; function remove(elem) { setTimeout(function () { diff --git a/src/components/toast/toast.css b/src/components/toast/toast.scss similarity index 100% rename from src/components/toast/toast.css rename to src/components/toast/toast.scss diff --git a/src/components/tunerPicker.js b/src/components/tunerPicker.js index b85df66ac8..d652f2ad3b 100644 --- a/src/components/tunerPicker.js +++ b/src/components/tunerPicker.js @@ -7,10 +7,10 @@ import browser from '../scripts/browser'; import focusManager from './focusManager'; import scrollHelper from '../scripts/scrollHelper'; import 'material-design-icons-iconfont'; -import './formdialog.css'; +import './formdialog.scss'; import '../elements/emby-button/emby-button'; import '../elements/emby-itemscontainer/emby-itemscontainer'; -import './cardbuilder/card.css'; +import './cardbuilder/card.scss'; import ServerConnections from './ServerConnections'; const enableFocusTransform = !browser.slow && !browser.edge; diff --git a/src/components/tvproviders/schedulesdirect.js b/src/components/tvproviders/schedulesdirect.js index 21fdeb275a..f005492493 100644 --- a/src/components/tvproviders/schedulesdirect.js +++ b/src/components/tvproviders/schedulesdirect.js @@ -3,7 +3,7 @@ import loading from '../loading/loading'; import globalize from '../../scripts/globalize'; import '../../elements/emby-checkbox/emby-checkbox'; import '../../elements/emby-input/emby-input'; -import '../listview/listview.css'; +import '../listview/listview.scss'; import '../../elements/emby-button/paper-icon-button-light'; import '../../elements/emby-select/emby-select'; import '../../elements/emby-button/emby-button'; diff --git a/src/components/tvproviders/xmltv.js b/src/components/tvproviders/xmltv.js index 0220aba611..1b7c7c7063 100644 --- a/src/components/tvproviders/xmltv.js +++ b/src/components/tvproviders/xmltv.js @@ -3,7 +3,7 @@ import loading from '../loading/loading'; import globalize from '../../scripts/globalize'; import '../../elements/emby-checkbox/emby-checkbox'; import '../../elements/emby-input/emby-input'; -import '../listview/listview.css'; +import '../listview/listview.scss'; import '../../elements/emby-button/paper-icon-button-light'; import Dashboard from '../../scripts/clientUtils'; import { Events } from 'jellyfin-apiclient'; diff --git a/src/components/upnextdialog/upnextdialog.js b/src/components/upnextdialog/upnextdialog.js index 702fe4dcf6..cb40cfcbc8 100644 --- a/src/components/upnextdialog/upnextdialog.js +++ b/src/components/upnextdialog/upnextdialog.js @@ -6,7 +6,7 @@ import layoutManager from '../layoutManager'; import focusManager from '../focusManager'; import globalize from '../../scripts/globalize'; import itemHelper from '../itemHelper'; -import './upnextdialog.css'; +import './upnextdialog.scss'; import '../../elements/emby-button/emby-button'; import '../../assets/css/flexstyles.scss'; diff --git a/src/components/upnextdialog/upnextdialog.css b/src/components/upnextdialog/upnextdialog.scss similarity index 100% rename from src/components/upnextdialog/upnextdialog.css rename to src/components/upnextdialog/upnextdialog.scss diff --git a/src/components/userdatabuttons/userdatabuttons.js b/src/components/userdatabuttons/userdatabuttons.js index 9fe5546fcb..e7b97da997 100644 --- a/src/components/userdatabuttons/userdatabuttons.js +++ b/src/components/userdatabuttons/userdatabuttons.js @@ -4,7 +4,7 @@ import itemHelper from '../itemHelper'; import '../../elements/emby-button/paper-icon-button-light'; import 'material-design-icons-iconfont'; import '../../elements/emby-button/emby-button'; -import './userdatabuttons.css'; +import './userdatabuttons.scss'; import ServerConnections from '../ServerConnections'; const userDataMethods = { diff --git a/src/components/userdatabuttons/userdatabuttons.css b/src/components/userdatabuttons/userdatabuttons.scss similarity index 100% rename from src/components/userdatabuttons/userdatabuttons.css rename to src/components/userdatabuttons/userdatabuttons.scss diff --git a/src/components/viewContainer.js b/src/components/viewContainer.js index cfff424a13..f17d900d7c 100644 --- a/src/components/viewContainer.js +++ b/src/components/viewContainer.js @@ -1,5 +1,5 @@ import { importModule } from '@uupaa/dynamic-import-polyfill'; -import './viewManager/viewContainer.css'; +import './viewManager/viewContainer.scss'; import Dashboard from '../scripts/clientUtils'; /* eslint-disable indent */ diff --git a/src/components/viewManager/viewContainer.css b/src/components/viewManager/viewContainer.scss similarity index 100% rename from src/components/viewManager/viewContainer.css rename to src/components/viewManager/viewContainer.scss diff --git a/src/components/viewSettings/viewSettings.js b/src/components/viewSettings/viewSettings.js index 46bc3864ee..ca88481cea 100644 --- a/src/components/viewSettings/viewSettings.js +++ b/src/components/viewSettings/viewSettings.js @@ -8,7 +8,7 @@ import '../../elements/emby-button/emby-button'; import '../../elements/emby-button/paper-icon-button-light'; import '../../elements/emby-select/emby-select'; import 'material-design-icons-iconfont'; -import '../formdialog.css'; +import '../formdialog.scss'; import '../../assets/css/flexstyles.scss'; import template from './viewSettings.template.html'; diff --git a/src/controllers/dashboard/dashboard.js b/src/controllers/dashboard/dashboard.js index 9825a3258c..ae0061bc12 100644 --- a/src/controllers/dashboard/dashboard.js +++ b/src/controllers/dashboard/dashboard.js @@ -13,7 +13,7 @@ import imageLoader from '../../components/images/imageLoader'; import ActivityLog from '../../components/activitylog'; import imageHelper from '../../scripts/imagehelper'; import indicators from '../../components/indicators/indicators'; -import '../../components/listview/listview.css'; +import '../../components/listview/listview.scss'; import '../../elements/emby-button/emby-button'; import '../../assets/css/flexstyles.scss'; import '../../elements/emby-itemscontainer/emby-itemscontainer'; diff --git a/src/controllers/dashboard/devices/devices.js b/src/controllers/dashboard/devices/devices.js index 7dd597f802..7042c8f8b7 100644 --- a/src/controllers/dashboard/devices/devices.js +++ b/src/controllers/dashboard/devices/devices.js @@ -6,7 +6,7 @@ import { formatDistanceToNow } from 'date-fns'; import { localeWithSuffix } from '../../../scripts/dfnshelper'; import '../../../elements/emby-button/emby-button'; import '../../../elements/emby-itemscontainer/emby-itemscontainer'; -import '../../../components/cardbuilder/card.css'; +import '../../../components/cardbuilder/card.scss'; import Dashboard from '../../../scripts/clientUtils'; import confirm from '../../../components/confirm/confirm'; diff --git a/src/controllers/dashboard/dlna/profile.js b/src/controllers/dashboard/dlna/profile.js index 74b4f2a25c..7498cc39dd 100644 --- a/src/controllers/dashboard/dlna/profile.js +++ b/src/controllers/dashboard/dlna/profile.js @@ -5,7 +5,7 @@ import '../../../elements/emby-select/emby-select'; import '../../../elements/emby-button/emby-button'; import '../../../elements/emby-input/emby-input'; import '../../../elements/emby-checkbox/emby-checkbox'; -import '../../../components/listview/listview.css'; +import '../../../components/listview/listview.scss'; import Dashboard from '../../../scripts/clientUtils'; import toast from '../../../components/toast/toast'; diff --git a/src/controllers/dashboard/dlna/profiles.js b/src/controllers/dashboard/dlna/profiles.js index a0186c79ab..5d394da428 100644 --- a/src/controllers/dashboard/dlna/profiles.js +++ b/src/controllers/dashboard/dlna/profiles.js @@ -2,7 +2,7 @@ import 'jquery'; import globalize from '../../../scripts/globalize'; import loading from '../../../components/loading/loading'; import libraryMenu from '../../../scripts/libraryMenu'; -import '../../../components/listview/listview.css'; +import '../../../components/listview/listview.scss'; import '../../../elements/emby-button/emby-button'; import confirm from '../../../components/confirm/confirm'; diff --git a/src/controllers/dashboard/library.js b/src/controllers/dashboard/library.js index 0351a1dabc..b7d1700ba6 100644 --- a/src/controllers/dashboard/library.js +++ b/src/controllers/dashboard/library.js @@ -5,7 +5,7 @@ import libraryMenu from '../../scripts/libraryMenu'; import globalize from '../../scripts/globalize'; import dom from '../../scripts/dom'; import imageHelper from '../../scripts/imagehelper'; -import '../../components/cardbuilder/card.css'; +import '../../components/cardbuilder/card.scss'; import '../../elements/emby-itemrefreshindicator/emby-itemrefreshindicator'; import Dashboard, { pageClassOn, pageIdOn } from '../../scripts/clientUtils'; import confirm from '../../components/confirm/confirm'; diff --git a/src/controllers/dashboard/logs.js b/src/controllers/dashboard/logs.js index 06d317a8a4..dac9a6eff9 100644 --- a/src/controllers/dashboard/logs.js +++ b/src/controllers/dashboard/logs.js @@ -1,7 +1,7 @@ import datetime from '../../scripts/datetime'; import loading from '../../components/loading/loading'; import '../../elements/emby-button/emby-button'; -import '../../components/listview/listview.css'; +import '../../components/listview/listview.scss'; import '../../assets/css/flexstyles.scss'; /* eslint-disable indent */ diff --git a/src/controllers/dashboard/metadataImages.js b/src/controllers/dashboard/metadataImages.js index dad9b26ed2..9711fa4820 100644 --- a/src/controllers/dashboard/metadataImages.js +++ b/src/controllers/dashboard/metadataImages.js @@ -2,7 +2,7 @@ import 'jquery'; import loading from '../../components/loading/loading'; import libraryMenu from '../../scripts/libraryMenu'; import globalize from '../../scripts/globalize'; -import '../../components/listview/listview.css'; +import '../../components/listview/listview.scss'; import Dashboard from '../../scripts/clientUtils'; /* eslint-disable indent */ diff --git a/src/controllers/dashboard/notifications/notifications/index.js b/src/controllers/dashboard/notifications/notifications/index.js index 1e0575df88..fc2eb0c2dd 100644 --- a/src/controllers/dashboard/notifications/notifications/index.js +++ b/src/controllers/dashboard/notifications/notifications/index.js @@ -1,6 +1,6 @@ import loading from '../../../../components/loading/loading'; import globalize from '../../../../scripts/globalize'; -import '../../../../components/listview/listview.css'; +import '../../../../components/listview/listview.scss'; import '../../../../elements/emby-button/emby-button'; function reload(page) { diff --git a/src/controllers/dashboard/plugins/available/index.js b/src/controllers/dashboard/plugins/available/index.js index da25b7c0a1..c13c1c89b5 100644 --- a/src/controllers/dashboard/plugins/available/index.js +++ b/src/controllers/dashboard/plugins/available/index.js @@ -2,7 +2,7 @@ import loading from '../../../../components/loading/loading'; import libraryMenu from '../../../../scripts/libraryMenu'; import globalize from '../../../../scripts/globalize'; import * as cardBuilder from '../../../../components/cardbuilder/cardBuilder.js'; -import '../../../../components/cardbuilder/card.css'; +import '../../../../components/cardbuilder/card.scss'; import '../../../../elements/emby-button/emby-button'; import '../../../../elements/emby-checkbox/emby-checkbox'; import '../../../../elements/emby-select/emby-select'; diff --git a/src/controllers/dashboard/plugins/installed/index.js b/src/controllers/dashboard/plugins/installed/index.js index 77229f3ac9..a75bbf94eb 100644 --- a/src/controllers/dashboard/plugins/installed/index.js +++ b/src/controllers/dashboard/plugins/installed/index.js @@ -3,7 +3,7 @@ import libraryMenu from '../../../../scripts/libraryMenu'; import dom from '../../../../scripts/dom'; import globalize from '../../../../scripts/globalize'; import * as cardBuilder from '../../../../components/cardbuilder/cardBuilder.js'; -import '../../../../components/cardbuilder/card.css'; +import '../../../../components/cardbuilder/card.scss'; import '../../../../elements/emby-button/emby-button'; import Dashboard, { pageIdOn } from '../../../../scripts/clientUtils'; import confirm from '../../../../components/confirm/confirm'; diff --git a/src/controllers/dashboard/plugins/repositories/index.js b/src/controllers/dashboard/plugins/repositories/index.js index d9188cd3a2..dfe11c0c99 100644 --- a/src/controllers/dashboard/plugins/repositories/index.js +++ b/src/controllers/dashboard/plugins/repositories/index.js @@ -5,8 +5,8 @@ import dialogHelper from '../../../../components/dialogHelper/dialogHelper'; import '../../../../elements/emby-button/emby-button'; import '../../../../elements/emby-checkbox/emby-checkbox'; import '../../../../elements/emby-select/emby-select'; -import '../../../../components/formdialog.css'; -import '../../../../components/listview/listview.css'; +import '../../../../components/formdialog.scss'; +import '../../../../components/listview/listview.scss'; let repositories = []; diff --git a/src/controllers/dashboard/scheduledtasks/scheduledtask.js b/src/controllers/dashboard/scheduledtasks/scheduledtask.js index cd2f7a07ff..149b1d20a6 100644 --- a/src/controllers/dashboard/scheduledtasks/scheduledtask.js +++ b/src/controllers/dashboard/scheduledtasks/scheduledtask.js @@ -43,7 +43,7 @@ import confirm from '../../../components/confirm/confirm'; $('.taskName', view).html(task.Name); $('#pTaskDescription', view).html(task.Description); - import('../../../components/listview/listview.css').then(() => { + import('../../../components/listview/listview.scss').then(() => { ScheduledTaskPage.loadTaskTriggers(view, task); }); diff --git a/src/controllers/dashboard/scheduledtasks/scheduledtasks.js b/src/controllers/dashboard/scheduledtasks/scheduledtasks.js index 498819da68..8792c4f5b0 100644 --- a/src/controllers/dashboard/scheduledtasks/scheduledtasks.js +++ b/src/controllers/dashboard/scheduledtasks/scheduledtasks.js @@ -5,7 +5,7 @@ import globalize from '../../../scripts/globalize'; import serverNotifications from '../../../scripts/serverNotifications'; import { formatDistance, formatDistanceToNow } from 'date-fns'; import { getLocale, localeWithSuffix } from '../../../scripts/dfnshelper'; -import '../../../components/listview/listview.css'; +import '../../../components/listview/listview.scss'; import '../../../elements/emby-button/emby-button'; /* eslint-disable indent */ diff --git a/src/controllers/dashboard/users/userparentalcontrol.js b/src/controllers/dashboard/users/userparentalcontrol.js index 282037c21f..262e24b289 100644 --- a/src/controllers/dashboard/users/userparentalcontrol.js +++ b/src/controllers/dashboard/users/userparentalcontrol.js @@ -3,7 +3,7 @@ import datetime from '../../../scripts/datetime'; import loading from '../../../components/loading/loading'; import libraryMenu from '../../../scripts/libraryMenu'; import globalize from '../../../scripts/globalize'; -import '../../../components/listview/listview.css'; +import '../../../components/listview/listview.scss'; import '../../../elements/emby-button/paper-icon-button-light'; import toast from '../../../components/toast/toast'; diff --git a/src/controllers/dashboard/users/userprofilespage.js b/src/controllers/dashboard/users/userprofilespage.js index 203a630158..91499a40a8 100644 --- a/src/controllers/dashboard/users/userprofilespage.js +++ b/src/controllers/dashboard/users/userprofilespage.js @@ -4,9 +4,9 @@ import globalize from '../../../scripts/globalize'; import { formatDistanceToNow } from 'date-fns'; import { localeWithSuffix } from '../../../scripts/dfnshelper'; import '../../../elements/emby-button/paper-icon-button-light'; -import '../../../components/cardbuilder/card.css'; +import '../../../components/cardbuilder/card.scss'; import '../../../elements/emby-button/emby-button'; -import '../../../components/indicators/indicators.css'; +import '../../../components/indicators/indicators.scss'; import '../../../assets/css/flexstyles.scss'; import Dashboard, { pageIdOn } from '../../../scripts/clientUtils'; import confirm from '../../../components/confirm/confirm'; diff --git a/src/controllers/livetv/livetvrecordings.js b/src/controllers/livetv/livetvrecordings.js index a1fb55f53a..8ca3530d10 100644 --- a/src/controllers/livetv/livetvrecordings.js +++ b/src/controllers/livetv/livetvrecordings.js @@ -2,7 +2,7 @@ import loading from '../../components/loading/loading'; import cardBuilder from '../../components/cardbuilder/cardBuilder'; import imageLoader from '../../components/images/imageLoader'; import '../../scripts/livetvcomponents'; -import '../../components/listview/listview.css'; +import '../../components/listview/listview.scss'; import '../../elements/emby-itemscontainer/emby-itemscontainer'; import Dashboard from '../../scripts/clientUtils'; diff --git a/src/controllers/livetvstatus.js b/src/controllers/livetvstatus.js index 26df1e4b31..bcf9ba577e 100644 --- a/src/controllers/livetvstatus.js +++ b/src/controllers/livetvstatus.js @@ -5,10 +5,10 @@ import dom from '../scripts/dom'; import layoutManager from '../components/layoutManager'; import loading from '../components/loading/loading'; import browser from '../scripts/browser'; -import '../components/listview/listview.css'; +import '../components/listview/listview.scss'; import '../assets/css/flexstyles.scss'; import '../elements/emby-itemscontainer/emby-itemscontainer'; -import '../components/cardbuilder/card.css'; +import '../components/cardbuilder/card.scss'; import 'material-design-icons-iconfont'; import '../elements/emby-button/emby-button'; import Dashboard from '../scripts/clientUtils'; diff --git a/src/controllers/session/login/index.js b/src/controllers/session/login/index.js index 84596ce4c6..c87d2dd710 100644 --- a/src/controllers/session/login/index.js +++ b/src/controllers/session/login/index.js @@ -6,7 +6,7 @@ import layoutManager from '../../../components/layoutManager'; import libraryMenu from '../../../scripts/libraryMenu'; import browser from '../../../scripts/browser'; import globalize from '../../../scripts/globalize'; -import '../../../components/cardbuilder/card.css'; +import '../../../components/cardbuilder/card.scss'; import '../../../elements/emby-checkbox/emby-checkbox'; import Dashboard from '../../../scripts/clientUtils'; import ServerConnections from '../../../components/ServerConnections'; diff --git a/src/controllers/session/selectServer/index.js b/src/controllers/session/selectServer/index.js index 6c6e4189a5..e248fe154f 100644 --- a/src/controllers/session/selectServer/index.js +++ b/src/controllers/session/selectServer/index.js @@ -12,7 +12,7 @@ import 'material-design-icons-iconfont'; import '../../../assets/css/flexstyles.scss'; import '../../../elements/emby-scroller/emby-scroller'; import '../../../elements/emby-itemscontainer/emby-itemscontainer'; -import '../../../components/cardbuilder/card.css'; +import '../../../components/cardbuilder/card.scss'; import '../../../elements/emby-button/emby-button'; import Dashboard from '../../../scripts/clientUtils'; import ServerConnections from '../../../components/ServerConnections'; diff --git a/src/controllers/user/home/index.js b/src/controllers/user/home/index.js index a1bb503adb..37a2374b0d 100644 --- a/src/controllers/user/home/index.js +++ b/src/controllers/user/home/index.js @@ -1,7 +1,7 @@ import HomescreenSettings from '../../../components/homeScreenSettings/homeScreenSettings'; import * as userSettings from '../../../scripts/settings/userSettings'; import autoFocuser from '../../../components/autoFocuser'; -import '../../../components/listview/listview.css'; +import '../../../components/listview/listview.scss'; /* eslint-disable indent */ diff --git a/src/controllers/user/menu/index.js b/src/controllers/user/menu/index.js index 86324e7b84..1872b9f018 100644 --- a/src/controllers/user/menu/index.js +++ b/src/controllers/user/menu/index.js @@ -1,5 +1,5 @@ import { appHost } from '../../../components/apphost'; -import '../../../components/listview/listview.css'; +import '../../../components/listview/listview.scss'; import '../../../elements/emby-button/emby-button'; import layoutManager from '../../../components/layoutManager'; import Dashboard from '../../../scripts/clientUtils'; diff --git a/src/controllers/user/playback/index.js b/src/controllers/user/playback/index.js index a44e96ec10..793208cb6a 100644 --- a/src/controllers/user/playback/index.js +++ b/src/controllers/user/playback/index.js @@ -2,7 +2,7 @@ import PlaybackSettings from '../../../components/playbackSettings/playbackSettings'; import * as userSettings from '../../../scripts/settings/userSettings'; import autoFocuser from '../../../components/autoFocuser'; -import '../../../components/listview/listview.css'; +import '../../../components/listview/listview.scss'; /* eslint-disable indent */ diff --git a/src/scripts/routes.js b/src/scripts/routes.js index 7f611371a7..f9968a1fdf 100644 --- a/src/scripts/routes.js +++ b/src/scripts/routes.js @@ -8,7 +8,7 @@ import '../elements/emby-select/emby-select'; import '../elements/emby-checkbox/emby-checkbox'; import '../elements/emby-slider/emby-slider'; import '../assets/css/livetv.scss'; -import '../components/listview/listview.css'; +import '../components/listview/listview.scss'; import '../assets/css/dashboard.scss'; import '../assets/css/detailtable.scss'; import { appRouter } from '../components/appRouter';