krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-17 22:57:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

Blockquote styling (fixes #9476) (#12227)

Browse Source 
* Added blockquote styling based on Zeplin example

* Commit new changes to style blockquotes

* Fix bottom of post margins after markdown class addition
This commit is contained in:
citrusella
2020-06-07 06:52:01 -04:00
committed by GitHub
parent d7fe140012
commit eae8ed946f
3 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
website/client/src/assets/scss/markdown.scss
View File

@@ -41,4 +41,9 @@
img { img {
max-width: 100%; max-width: 100%;
} }
blockquote {
padding: 0 16px;
border-left: 4px solid #e1e0e3;
}
} }

3
website/client/src/components/chat/chatCard.vue
View File

@@ -33,7 +33,7 @@
</p> </p>
<div <div
ref="markdownContainer" ref="markdownContainer"
class="text" class="text markdown"
v-html="parseMarkdown(msg.text)" v-html="parseMarkdown(msg.text)"
></div> ></div>
<hr> <hr>
@@ -166,7 +166,6 @@
color: #4e4a57; color: #4e4a57;
text-align: left !important; text-align: left !important;
min-height: 0rem; min-height: 0rem;
margin-bottom: -0.5rem;
} }
} }

3
website/client/src/components/messages/messageCard.vue
View File

@@ -20,7 +20,7 @@
<span v-if="msg.client && user.contributor.level >= 4"> ({{ msg.client }})</span> <span v-if="msg.client && user.contributor.level >= 4"> ({{ msg.client }})</span>
</p> </p>
<div <div
class="text" class="text markdown"
v-html="parseMarkdown(msg.text)" v-html="parseMarkdown(msg.text)"
></div> ></div>
<div <div
@@ -120,7 +120,6 @@
color: $gray-50; color: $gray-50;
text-align: left !important; text-align: left !important;
min-height: 0rem; min-height: 0rem;
margin-bottom: -0.5rem;
} }
} }