RanchiMall/messenger
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

code refactoring

Browse Source
This commit is contained in:
sairaj mote 2024-01-05 15:58:03 +05:30
parent 84846ce870
commit cee5644264
4 changed files with 15 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
css/main.css
View File

@ -966,8 +966,8 @@ ol li::before {
#background_image {
z-index: -2;
-o-object-fit: cover;
object-fit: cover;
-o-object-fit: fill;
object-fit: fill;
filter: blur(var(--blur, 1rem));
transform: scale(calc(1 + var(--scale, 1.1) / 10));
}
@ -2157,9 +2157,6 @@ sm-chip .badge {
padding-bottom: 6rem;
}
.has-bg-image .received::after {
border-color: transparent rgba(var(--foreground-color), 0.6) transparent transparent;
}
.has-bg-image #emoji_picker {
--background: rgba(var(--foreground-color), 0.6);
}

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

8
css/main.scss
View File

@ -973,10 +973,9 @@ ol {
#background_image {
z-index: -2;
object-fit: cover;
object-fit:fill;
filter: blur(var(--blur, 1rem));
transform: scale(calc(1 + (var(--scale, 1.1) / 10)));
&[src=""],
&:not([src]) {
display: none;
@ -2206,11 +2205,6 @@ sm-chip {
}
.has-bg-image {
.received::after {
border-color: transparent rgba(var(--foreground-color), 0.6) transparent
transparent;
}
#emoji_picker {
--background: rgba(var(--foreground-color), 0.6);
}

21
index.html
View File

@ -4414,7 +4414,10 @@
}
}
function handleGroupDescriptionChange(e) {
rmMessenger.changeGroupDescription(floGlobals.viewingDetailsOfAddress, e.detail.value.trim())
const description = e.detail.value.trim();
if (description === '') return notify('Description cannot be empty', 'error')
if (description.length > 100) return notify('Description cannot be more than 100 characters', 'error')
rmMessenger.changeGroupDescription(floGlobals.viewingDetailsOfAddress, description)
.then(res => {
notify('Changed group description', 'success')
})
@ -4631,9 +4634,9 @@
document.body.style.setProperty('--accent-color', color);
})
getRef('select_bg_image').addEventListener('change', async function (e) {
await compactIDB.writeData('userSettings', true, 'hasSelectedBg')
compactIDB.writeData('userSettings', this.files[0], 'bgImage')
getRef('select_bg_image').addEventListener('change', function (e) {
Promise.all([compactIDB.writeData('userSettings', true, 'hasSelectedBg'),
compactIDB.writeData('userSettings', this.files[0], 'bgImage')])
.then(async res => {
setBgImage()
notify('Background applied', 'success')
@ -4657,12 +4660,12 @@
})
async function setBgImage() {
try {
const hasSelectedBg = await compactIDB.readData('userSettings', 'hasSelectedBg')
const image = await compactIDB.readData('userSettings', 'bgImage')
if (image) {
const url = URL.createObjectURL(image)
const { hasSelectedBg = false, bgImage, bgOpacity, bgBlur } = await compactIDB.readAllData('userSettings')
if (bgImage) {
const url = URL.createObjectURL(bgImage)
if (hasSelectedBg) {
getRef('background_image').src = url
getRef('selected_bg_preview').click()
addClass(['#chat_view', '#mail', '#chat_preview'], 'has-bg-image')
getRef('select_bg_button').textContent = 'Change background'
getRef('selected_bg_preview').classList.add('bg-preview--selected')
@ -4674,7 +4677,6 @@
getRef('selected_bg_preview').classList.remove('hidden')
getRef('selected_bg_preview').querySelector('img').src = url
}
const [bgOpacity, bgBlur] = await Promise.all([compactIDB.readData('userSettings', 'bgOpacity'), compactIDB.readData('userSettings', 'bgBlur')])
if (bgOpacity !== undefined) {
getRef('backdrop_opacity').value = bgOpacity * 100
getRef('backdrop_opacity_value').value = `${parseInt(bgOpacity * 100)}%`
@ -4685,7 +4687,6 @@
getRef('backdrop_blur_value').value = `${parseInt(bgBlur * 100)}%`
getRef('background_image').style.setProperty('--blur', `${bgBlur}rem`)
getRef('background_image').style.setProperty('--scale', bgBlur)
}
}
catch (err) {