Disable blur settings in not supported browsers

This commit is contained in:
the1812 2018-12-05 15:14:55 +08:00
parent 7c0f4a2796
commit a235405aed
6 changed files with 21 additions and 12 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -298,6 +298,13 @@
$(e).click();
});
}
function checkCompatibility()
{
if (!CSS.supports("backdrop-filter", "blur(24px)"))
{
$("input[key=blurVideoControl]").prop("disabled", true);
}
}
addSettingsIcon($("body"));
const settingsBox = resources.data.guiSettingsDom.text;
@ -310,8 +317,9 @@
listenDependencies();
addPredefinedColors();
listenSettingsChange();
applyBlurEffect();
// applyBlurEffect();
foldAllCategories();
checkCompatibility();
}
new SpinQuery(

View File

@ -313,9 +313,6 @@ input[type=text][key]
backdrop-filter: blur(24px);
background: transparent;
}
}
@supports (backdrop-filter: blur(64px)) or (-webkit-backdrop-filter: blur(64px))
{
.gui-settings-box.blur,
.gui-settings-box.blur .gui-settings-content,
.gui-settings-box.blur .gui-settings-header,
@ -545,6 +542,10 @@ li.category.folded i.icon-arrow
box-shadow: 0px 2px 8px 1px $customStyleColor70;
left: calc(100% - 16px);
}
.gui-settings-checkbox-container input:disabled ~ .gui-settings-checkbox
{
opacity: 0.5;
}
.gui-settings-header>i
{
margin-right: 8px;