sjw/pleroma-fe
1
0
Fork 0
mirror of https://git.pleroma.social/sjw/pleroma-fe.git synced 2024-12-30 18:55:26 +01:00
Code Issues Releases Wiki Activity

fix theme preview styles being applied to post preview

Browse Source
This commit is contained in:
Henry Jameson 2024-07-25 19:48:14 +03:00
parent 88bce57c17
commit 27ee145450
4 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
changelog.d/preview-interference.skip Normal file
View File

@ -0,0 +1 @@
skip

2
src/components/settings_modal/tabs/appearance_tab.js
View File

@ -25,7 +25,7 @@ import {
faGlobe
} from '@fortawesome/free-solid-svg-icons'
import Preview from './theme_tab/preview.vue'
import Preview from './theme_tab/theme_preview.vue'
library.add(
faGlobe

18
src/components/settings_modal/tabs/theme_tab/preview.vue → src/components/settings_modal/tabs/theme_tab/theme_preview.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="preview-container">
<div class="theme-preview-container">
<div class="underlay underlay-preview" />
<div class="panel dummy">
<div class="panel-heading">
@ -136,7 +136,7 @@ export default {
</script>
<style lang="scss">
.preview-container {
.theme-preview-container {
position: relative;
border-top: 1px dashed;
border-bottom: 1px dashed;
@ -238,13 +238,13 @@ export default {
min-width: 3em;
}
}
}
.underlay-preview {
position: absolute;
top: 0;
bottom: 0;
left: 10px;
right: 10px;
.underlay-preview {
position: absolute;
top: 0;
bottom: 0;
left: 10px;
right: 10px;
}
}
</style>

2
src/components/settings_modal/tabs/theme_tab/theme_tab.js
View File

@ -45,7 +45,7 @@ import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
import Checkbox from 'src/components/checkbox/checkbox.vue'
import Select from 'src/components/select/select.vue'
import Preview from './preview.vue'
import Preview from './theme_preview.vue'
// List of color values used in v1
const v1OnlyNames = [