Commit 69e55191 authored by kaniini's avatar kaniini

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

parent e4763180
Pipeline #17980 failed with stages
in 55 seconds
<template>
<div class="sidebar">
<instance-specific-panel v-if="isMobileLayout || showInstanceSpecificPanel" />
<instance-specific-panel v-if="isMobileLayout || showInstanceSpecificPanel" header="true" />
<features-panel v-if="showFeaturesPanel" />
<terms-of-service-panel />
</div>
......
const InstanceSpecificPanel = {
props: [
'header'
],
computed: {
instanceSpecificPanelContent () {
return this.$store.state.instance.instanceSpecificPanelContent
},
sitename () {
return this.$store.state.instance.name
}
}
}
......
<template>
<div class="instance-specific-panel">
<div class="panel panel-default">
<div class="panel-body">
<div class="panel panel-default base01-background">
<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 -->
<div v-html="instanceSpecificPanelContent" />
<!-- eslint-enable vue/no-v-html -->
......@@ -11,3 +14,9 @@
</template>
<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