diff --git a/Jellyfin.Plugin.SkinManager/Configuration/configurationpage.html b/Jellyfin.Plugin.SkinManager/Configuration/configurationpage.html index 559265b..074fd6f 100644 --- a/Jellyfin.Plugin.SkinManager/Configuration/configurationpage.html +++ b/Jellyfin.Plugin.SkinManager/Configuration/configurationpage.html @@ -79,7 +79,7 @@ updateSelectors(); loadConfig(); preloadPreviews(); - + } function loadOptions(skin) { @@ -311,27 +311,18 @@ defaultValue = saved == undefined ? defaultValue : saved; var description = option.description; html += - '
' + - description + - "
"; + +'
' + +'' + +'
' + +description+ + +'
' + +'
'; return html; } var blurSliderCount = 0; function getBlurSlider(option, saved) { - + var html = ""; var id = "blurSlider" + blurSliderCount; blurSliderCount++; @@ -342,25 +333,10 @@ defaultValue = saved == undefined ? defaultValue : saved; var description = option.description; html += - '
' + - description + - "
" + ''; + '
' + +'
'+description +'
' + +'
' + +'
'; return html; } function updateBlur(id){ @@ -370,7 +346,7 @@ } function updateBlurSliders(){ var sliders = document.getElementsByClassName("slider"); - sliders.forEach(slider =>{ + Array.from(sliders).forEach(slider =>{ if(slider.id.substring(0, 10)=="blurSlider"){ updateBlur(slider.id); } @@ -470,8 +446,8 @@ var sliders = document.getElementsByClassName("slider"); for (let element of sliders) { css += - element.getAttribute("data-css").replaceAll("$", element.value) + - "\n"; + element.getAttribute("data-css").replaceAll("$", element.value) + +"\n"; } @@ -667,9 +643,9 @@ ''; html += loadPreviews(skin); html += ""; + $("#options").html(html).trigger("create"); - } @@ -741,7 +717,7 @@ } ); break; - + case "selector": Array.from( document.getElementsByClassName( @@ -854,9 +830,10 @@ font-size: 135%; } + .img{ + overflow: hidden; + } - -