Commit 69e55191 authored by Ariadne Conill's avatar Ariadne Conill

instance specific panel: style differently if docked into the about page

parent e4763180
Pipeline #17980 failed with stages
in 55 seconds
<template> <template>
<div class="sidebar"> <div class="sidebar">
<instance-specific-panel v-if="isMobileLayout || showInstanceSpecificPanel" /> <instance-specific-panel v-if="isMobileLayout || showInstanceSpecificPanel" header="true" />
<features-panel v-if="showFeaturesPanel" /> <features-panel v-if="showFeaturesPanel" />
<terms-of-service-panel /> <terms-of-service-panel />
</div> </div>
......
const InstanceSpecificPanel = { const InstanceSpecificPanel = {
props: [
'header'
],
computed: { computed: {
instanceSpecificPanelContent () { instanceSpecificPanelContent () {
return this.$store.state.instance.instanceSpecificPanelContent return this.$store.state.instance.instanceSpecificPanelContent
},
sitename () {
return this.$store.state.instance.name
} }
} }
} }
......
<template> <template>
<div class="instance-specific-panel"> <div class="instance-specific-panel">
<div class="panel panel-default"> <div class="panel panel-default base01-background">
<div class="panel-body"> <div class="panel-heading timeline-heading base02-background base04" v-if="header">
<div class="title">{{ $t('nav.about') }} {{ sitename }}</div>
</div>
<div class="panel-body isp-content">
<!-- eslint-disable vue/no-v-html --> <!-- eslint-disable vue/no-v-html -->
<div v-html="instanceSpecificPanelContent" /> <div v-html="instanceSpecificPanelContent" />
<!-- eslint-enable vue/no-v-html --> <!-- eslint-enable vue/no-v-html -->
...@@ -11,3 +14,9 @@ ...@@ -11,3 +14,9 @@
</template> </template>
<script src="./instance_specific_panel.js" ></script> <script src="./instance_specific_panel.js" ></script>
<style lang="scss">
.isp-content {
margin: 1em
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment