Fix survey styling issues

Resolves MS-716 #complete
This commit is contained in:
Ramon Wenger 2023-05-16 16:53:52 +02:00
parent acf32f624b
commit f5df6864d1
2 changed files with 16 additions and 5 deletions

View File

@ -22,6 +22,7 @@
<script> <script>
import '@/styles/survey.modern.css'; import '@/styles/survey.modern.css';
import '@/styles/survey.reset.css'; import '@/styles/survey.reset.css';
import '@/styles/_survey.scss';
import { css } from '@/survey.config'; import { css } from '@/survey.config';
import gql from 'graphql-tag'; import gql from 'graphql-tag';
import { Model, StylesManager } from 'survey-knockout'; import { Model, StylesManager } from 'survey-knockout';
@ -37,11 +38,7 @@ import { meQuery } from '@/graphql/queries';
import { defineAsyncComponent } from 'vue'; import { defineAsyncComponent } from 'vue';
import { matomoTrackEvent } from '@/helpers/matomo-client'; import { matomoTrackEvent } from '@/helpers/matomo-client';
const Solution = defineAsyncComponent(() => const Solution = defineAsyncComponent(() => import('@/components/content-blocks/Solution.vue'));
import(
'@/components/content-blocks/Solution.vue'
)
);
StylesManager.applyTheme('modern'); StylesManager.applyTheme('modern');

View File

@ -1,3 +1,5 @@
@import 'helpers';
.survey { .survey {
&__page-title { &__page-title {
@include main-title; @include main-title;
@ -225,6 +227,18 @@
text-align: center; text-align: center;
} }
.sv-container-modern {
font-family: $sans-serif-font-family;
}
.sv-table__cell--header {
font-family: $sans-serif-font-family;
}
.sv-action-bar {
display: flex;
}
.table { .table {
width: 100%; width: 100%;
display: flex; display: flex;