mirrors/retrospring
1
0
Fork 1
mirror of https://github.com/Retrospring/retrospring.git synced 2025-03-20 21:10:00 +01:00
Code Issues Projects Releases Packages Wiki Activity

Fix theme page breaking after a reload

Browse source
This commit is contained in:
Andreas Nedbal 2022-01-07 14:12:45 +01:00
parent f035cc2f89
commit 0a8ff20f36
1 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
app/javascript/retrospring/features/settings/theme.ts
View file

@ -69,6 +69,7 @@ const getDecimalTripletsFromHex = (hex: string): string => {
export function themeDocumentHandler(): void { export function themeDocumentHandler(): void {
if (!document.querySelector('#update_theme')) return; if (!document.querySelector('#update_theme')) return;
if (document.querySelector('#clr-picker')) return;
previewStyle = document.createElement('style'); previewStyle = document.createElement('style');
previewStyle.setAttribute('data-preview-style', ''); previewStyle.setAttribute('data-preview-style', '');
@ -77,7 +78,21 @@ export function themeDocumentHandler(): void {
Coloris.init(); Coloris.init();
Array.from(document.querySelectorAll('#update_theme .color')).forEach((color: HTMLInputElement) => { Array.from(document.querySelectorAll('#update_theme .color')).forEach((color: HTMLInputElement) => {
color.value = `#${getHexColorFromThemeValue(color.value)}`; // If there already is a hex-color in the input, skip
if (color.value.startsWith('#')) return;
let colorValue;
// match for value="[digits]" to ALWAYS get a color value
// TODO: Fix this later with rethinking the entire lifecycle, or dropping Turbolinks
colorValue = color.outerHTML.match(/value="(\d+)"/)[1];
// matching failed, or no result was found, we just fallback to the input value
if (colorValue === null) {
colorValue = color.value;
}
color.value = `#${getHexColorFromThemeValue(colorValue)}`;
Coloris({ Coloris({
el: '.color', el: '.color',