sudoxreboot/habitica
1
0
Fork 0
mirror of https://github.com/sudoxnym/habitica.git synced 2026-07-27 21:42:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

WIP(faq): initial formatting of main text, started on sidebar

Browse source
This commit is contained in:
CuriousMagpie 2023-06-02 17:00:13 -04:00
parent 302eabb30f
commit 93d9038765
2 changed files with 54 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

79
website/client/src/components/static/chatSunsetFaq.vue
View file

@ -8,7 +8,7 @@
</h1>
</div>
<div class="section">
<div class>
<div class="body-text">
<p v-html="$t('sunsetFaqPara1')"></p> <!-- there's html in here -->
<p>{{ $t('sunsetFaqPara2') }}</p>
<p>{{ $t('sunsetFaqPara3') }}</p>
@ -22,7 +22,7 @@
{{ $t('sunsetFaqHeader1') }}
</h3>
</div>
<div>
<div class="body-text">
<p v-html="$t('sunsetFaqPara6')"></p>
</div>
@ -32,7 +32,7 @@
{{ $t('sunsetFaqHeader2') }}
</h3>
</div>
<div>
<div class="body-text">
<ul>
<li>{{ $t('sunsetFaqList1') }}</li>
<li>{{ $t('sunsetFaqList2') }}</li>
@ -46,7 +46,7 @@
{{ $t('sunsetFaqHeader3') }}
</h3>
</div>
<div>
<div class="body-text">
<p>{{ $t('sunsetFaqPara7') }}</p>
</div>
@ -56,7 +56,7 @@
{{ $t('sunsetFaqHeader4') }}
</h3>
</div>
<div>
<div class="body-text">
<p>{{ $t('sunsetFaqPara8') }}</p>
</div>
@ -66,7 +66,7 @@
{{ $t('sunsetFaqHeader5') }}
</h3>
</div>
<div>
<div class="body-text">
<p v-html="$t('sunsetFaqPara9')"></p> <!-- there's html in here -->
</div>
@ -76,7 +76,7 @@
{{ $t('sunsetFaqHeader6') }}
</h3>
</div>
<div>
<div class="body-text">
<p>{{ $t('sunsetFaqPara10') }}</p>
</div>
@ -86,7 +86,7 @@
{{ $t('sunsetFaqHeader7') }}
</h3>
</div>
<div>
<div class="body-text">
<p>{{ $t('sunsetFaqPara11') }}</p>
</div>
@ -96,7 +96,7 @@
{{ $t('sunsetFaqHeader8') }}
</h3>
</div>
<div>
<div class="body-text">
<p v-html="$t('sunsetFaqPara12')"></p> <!-- there's html in here -->
<p v-html="$t('sunsetFaqPara13')"></p> <!-- there's html in here -->
<p v-html="$t('sunsetFaqPara14')"></p> <!-- there's html in here -->
@ -113,7 +113,7 @@
{{ $t('sunsetFaqHeader9') }}
</h3>
</div>
<div>
<div class="body-text">
<ul>
<li>{{ $t('sunsetFaqList4') }}</li>
<li>{{ $t('sunsetFaqList5') }}</li>
@ -128,10 +128,12 @@
{{ $t('sunsetFaqHeader10') }}
</h3>
</div>
<div>
<li v-html="$t('sunsetFaqList8')"></li> <!-- there's html in here -->
<li v-html="$t('sunsetFaqList9')"></li> <!-- there's html in here -->
<li v-html="$t('sunsetFaqList10')"></li> <!-- there's html in here -->
<div class="body-text">
<ul>
<li v-html="$t('sunsetFaqList8')"></li> <!-- there's html in here -->
<li v-html="$t('sunsetFaqList9')"></li> <!-- there's html in here -->
<li v-html="$t('sunsetFaqList10')"></li> <!-- there's html in here -->
</ul>
</div>
<!-- Community Guidelines and TOS -->
@ -140,7 +142,7 @@
{{ $t('sunsetFaqHeader11') }}
</h3>
</div>
<div>
<div class="body-text">
<p v-html="$t('sunsetFaqPara20')"></p>
</div>
</div>
@ -299,21 +301,40 @@
<style lang="scss" scoped>
@import '~@/assets/scss/colors.scss';
body {
background-color: $white !important;
.main-bg {
font-size: 16px !important;
}
.headings {
font-size: 16px; // for some reason, em doesn't give the desired result
font-size: 1em; // for some reason, em doesn't give the desired result
font-weight: 400;
line-height: 1.75;
color: $purple-200;
}
.body-text {
font-size: 0.875em;
color: $gray-10;
line-height: 1.71;
}
p {
margin-bottom: 1.5em;
}
ul {
padding-left: 20px;
}
li::marker {
size: 0.5em;
}
.sidebar {
background-color: #f9f9f9;
padding: 0 0 0 0;
margin-left: 24px;
background-color: $gray-700;
padding: 24px 0;
margin: 0 0 22px 24px;
border-radius: 16px;
}
.svg-icon {
width: 10px;
@ -342,19 +363,25 @@
}
.staff-header {
font-size: 1em;
font-size: 0.875em;
font-weight: bold;
padding: 24px 0px 16px 24px;
color: $gray-10;
line-height: 1.71;
}
.staff-icon {
.staff {
font-size: 0.875em;
.staff-icon {
width: 10px;
margin-left: 4px;
}
.title {
color: #6133b4;
color: $purple-300;
font-weight: bold;
line-height: 1.71;
display: inline-block;
margin-top: 8px;
}
}
.tier-list {

2
website/common/locales/en/faq.json
View file

@ -156,7 +156,7 @@
"sunsetFaqPara8": "This feature has been relocated to Settings. The functions of Pause Damage will not be affected by the end of the Tavern and Guild services.",
"sunsetFaqHeader5": "How will I access my Group Plan if it’s an upgraded Guild?",
"sunsetFaqPara9": "<strong>Browser</strong>: Click on the Group Plan navigation in the top bar.<br /><strong>Android:</strong> Tap your name at the top of the screen when viewing a task list to switch to your shared tasks. To access your chat, tap the chat icon in the header on that screen.<br /><strong>iOS</strong>: Tap the name of your Group Plan in the menu.",
"sunsetFaqPara9": "<p><strong>Browser</strong>: Click on the Group Plan navigation in the top bar.</p><p><strong>Android:</strong> Tap your name at the top of the screen when viewing a task list to switch to your shared tasks. To access your chat, tap the chat icon in the header on that screen.</p><p><strong>iOS</strong>: Tap the name of your Group Plan in the menu.</p>",
"sunsetFaqHeader6": "Will players be able to retrieve their Guild chats after the services end?",
"sunsetFaqPara10": "Players will not be able to retrieve chat data from the Tavern and Guilds after the services end.",