From fd9c3c8d66197c8f6dfc6cc01cad797cda6c4f30 Mon Sep 17 00:00:00 2001 From: kimsible Date: Sun, 9 Aug 2020 14:20:56 +0200 Subject: Refactor popover markdown, add code style --- .../comment/video-comment-add.component.html | 40 +++++++++++++--------- client/src/sass/application.scss | 10 ++++++ 2 files changed, 33 insertions(+), 17 deletions(-) diff --git a/client/src/app/+videos/+video-watch/comment/video-comment-add.component.html b/client/src/app/+videos/+video-watch/comment/video-comment-add.component.html index b4f8bda5e..4af0d277c 100644 --- a/client/src/app/+videos/+video-watch/comment/video-comment-add.component.html +++ b/client/src/app/+videos/+video-watch/comment/video-comment-add.component.html @@ -3,28 +3,34 @@ Avatar
+ -
- Markdown compatible that supports: + Markdown compatible that supports: -
    -
  • Emphasis: **bold**, _italic_
  • -
  • Links
  • -
  • Break lines
  • -
  • Lists
  • -
  • Emojis
  • -
-
+
    +
  • Auto generated links
  • +
  • Break lines
  • +
  • Lists
  • +
  • + Emphasis + **bold** _italic_ +
  • +
  • + Emoji shortcuts + :) <3 +
  • +
  • + Emoji markup + :smile: +
  • +
-
{{ formErrors.text }}
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss index d2811d24a..3be8f057b 100644 --- a/client/src/sass/application.scss +++ b/client/src/sass/application.scss @@ -103,6 +103,16 @@ label { font-size: 15px; } +code { + background-color: pvar(--greyBackgroundColor); + border-radius: 3px; + padding: .2em .4em; + margin: auto .4em; + font-size: 75%; + display: inline-block; + vertical-align: middle; +} + .form-error { display: block; color: $red; -- cgit v1.2.3