diff --git a/packages/style/src/demo/full-demo.css b/packages/style/src/demo/full-demo.css index 565c0a23..59240812 100644 --- a/packages/style/src/demo/full-demo.css +++ b/packages/style/src/demo/full-demo.css @@ -713,8 +713,8 @@ a:hover { min-width: 273px; position: absolute; right: 0; - /*top: calc(100% + 12px);*/ - top: 56px; + top: calc(100% + 12px); + /*top: 56px;*/ width: max-content; z-index: 3; } @@ -2504,6 +2504,7 @@ a:hover { .dp-po-comments.comments-list + .dp-po-comments-wrap .label--time .dp-po-dropdown-menu { width: 100%; + top: 56px; } .dp-Template .dp-po-captcha .dp-po-Icon { diff --git a/packages/style/src/demo/icons-demo.css b/packages/style/src/demo/icons-demo.css index d9006780..74687c2c 100644 --- a/packages/style/src/demo/icons-demo.css +++ b/packages/style/src/demo/icons-demo.css @@ -150,6 +150,12 @@ height: 24px; } +.Icon--news-2 { + background-image: url('data:image/svg+xml,'); + min-width: 32px; + height: 34px; +} + .Icon--getting-started { background-image: url('data:image/svg+xml,'); height: 23px; diff --git a/packages/style/src/demo/news-demo.css b/packages/style/src/demo/news-demo.css index 6539284e..12dbc8e8 100644 --- a/packages/style/src/demo/news-demo.css +++ b/packages/style/src/demo/news-demo.css @@ -1,3 +1,51 @@ +.dp-po-news-post .dp-po-title-wrapper { + display: flex; + align-items: flex-start; + margin-top: 50px; +} + + +.dp-po-news-post .dp-po-main .dp-po-Title-page { + margin-top: 0; + line-height: 1; +} + +.dp-po-news-post .dp-calendar { + background-color: var(--white); + margin-left: -86px; + margin-right: 20px; +} + +.dp-po-news-post .dp-calendar li { + font: var(--messenger-h-3-medium); + border: 0; + padding: 3px 10px 3px; +} + +.dp-po-news-post .dp-calendar li:first-child { + padding: 7px 0 0; +} + +.dp-po-news-post .dp-calendar .dp-po-month { + border-bottom: 1px solid var(--grey-light); + font: var(--mh-1); + line-height: 1; + padding: 0 0 6px; +} + +.dp-po-news-post .dp-po-List.List--avatars { + margin-top: 10px; +} + +.dp-po-news-post .dp-po-description-wrap { + margin-bottom: 25px; +} + +.dp-po-news-post .dp-po-description-wrap .dp-po-description { + font: var(--mp-1); + color: var(--grey-dark); +} + .dp-po-news-post .dp-po-Image-knowledgabse { border: none; } @@ -7,3 +55,152 @@ margin: 0 auto; } +.dp-po-news-post .dp-po-tex-wrap .dp-po-tooltip-wrap { + border-radius: 2px; +} + +.dp-po-news-post .dp-po-recent-news .dp-po-label { + border-radius: 4px; + border: 1px solid var(--grey-light); + font: var(--p-3-semibold); + color: var(--grey-dark); + background-color: var(--grey-lighter); + margin-right: 8px; + white-space: nowrap; + padding: 3px 7px; +} + +.dp-po-news-post .dp-po-recent-news .dp-po-list-item.is-active .dp-po-label { + color: var(--grey-darkest); + background-color: var(--white); +} + +.dp-po-news-post .dp-po-recent-news .dp-po-list-item.is-active { + color: var(--grey-darkest); +} + +.dp-po-news-post .dp-po-recent-news .dp-po-list-item.is-disabled .dp-po-label { + color: var(--grey); + background-color: var(--grey-lightest); +} + +.dp-po-news-post .dp-po-recent-news .dp-po-list-item.is-disabled { + color: var(--grey-light); +} + +.dp-po-news-post .dp-po-recent-news .dp-po-List { + margin: 8px 0 0; + overflow: hidden; +} + +.dp-po-news-post .dp-po-recent-news .dp-po-list-item { + display: flex; + font: var(--p-2-bold); + align-items: center; + color: var(--grey); + padding: 4px 20px; +} + +.dp-po-news-post .dp-po-recent-news .dp-po-list-item .dp-po-recent-description { + overflow: hidden; + white-space: nowrap; + display: inline-block; + text-overflow: ellipsis; +} + +.dp-po-news-post .dp-po-wrap-item.dp-po-recent-news { + padding: 12px 0 15px 0; +} + +@media screen and (min-width: 992px) and (max-width: 1280px) { + + .dp-po-news-post .dp-po-recent-news .dp-po-list-item .dp-po-recent-description { + max-width: 100px; + } + +} + +@media (max-width: 1200px) { + + .dp-po-news-post .dp-calendar { + margin-left: 0; + } + +} + +@media (max-width: 992px) { + + .dp-po-news-post .dp-po-title-wrapper { + margin-top: 22px; + } + + .dp-po-news-post .dp-calendar { + margin-right: 10px; + } + + .dp-po-news-post .dp-po-main .dp-po-Title-page { + line-height: 1.2; + } + + .dp-po-news-post .dp-po-description-wrap .dp-po-description { + padding-left: 70px; + max-width: 300px; + } + + .dp-po-news-post .dp-po-recent-news .dp-po-list-item { + padding: 4px 0; + } + + .dp-po-news-post .dp-po-wrap-item.dp-po-recent-news { + padding: 0; + } + + .dp-po-news-post .Voting-section + .dp-po-wrap-collapse-md { + margin-bottom: 50px; + } + + .dp-po-news-post .dp-po-tex-wrap { + padding: 23px 0 12px 0; + } + + .dp-po-news-post .dp-po-recent-news .dp-po-md-collapse-content { + padding: 5px 0 15px; + } + +} + +@media (max-width: 400px) { + + .dp-po-news-post .dp-po-recent-news .dp-po-list-item .dp-po-recent-description { + max-width: 250px; + } + +} + +@media screen and (min-width: 1280px) { + + .dp-po-news-post .dp-po-recent-news .dp-po-list-item .dp-po-recent-description { + max-width: 185px; + } + +} + +@media (min-width: 992px) { + .dp-po-news-post .dp-po-tex-wrap .dp-po-tooltip-wrap { + background-color: var(--grey-lighter); + font: var(--mh-3-medium); + } + + .dp-po-news-post .dp-po-Sidebar.Sidebar--right .subscribe--dropdown { + margin-bottom: 25px; + } + + .dp-po-news-post .dp-po-recent-news .dp-po-title { + padding: 0 20px; + } + + .dp-po-news-post .dp-po-recent-news .dp-po-list-item:hover { + background-color: var(--info-light); + } + +} diff --git a/packages/style/website/pages/en/index.js b/packages/style/website/pages/en/index.js index 579db524..763d8c3e 100755 --- a/packages/style/website/pages/en/index.js +++ b/packages/style/website/pages/en/index.js @@ -72,6 +72,7 @@ class HomeSplash extends React.Component { diff --git a/packages/style/website/static/demos/kb-view-news.html b/packages/style/website/static/demos/kb-view-news.html index 8850eed8..5cf3fb65 100644 --- a/packages/style/website/static/demos/kb-view-news.html +++ b/packages/style/website/static/demos/kb-view-news.html @@ -77,40 +77,50 @@
-

Deskpro 5.14.0, 5.14.1, 5.14.2, Released

-
    -
  • - - - Nicholas Green - -
    • -
  • - - - Nicholas Green - -
    • -
  • - - - Nicholas Green - -
    • -
  • - - - Nicholas Green - -
    • -
  • - NGNicholas Green -
    • -
+ +
+
    +
  • MAR
    • +
  • 21
    • +
  • 2018
    • +
+
+

Deskpro 5.14.0, 5.14.1, 5.14.2, Released

+
    +
  • + + + Nicholas Green + +
    • +
  • + + + Nicholas Green + +
    • +
  • + + + Nicholas Green + +
    • +
  • + + + Nicholas Green + +
    • +
  • + NGNicholas Green +
    • +
+
+
- Published by Jason Smith | Channel: Product Release + Published by Jason Smith | Channel: Product Release @@ -172,16 +182,20 @@

Deskpro

Dynamic Contact Forms

-

When dealing with IT-related requests, ensuring that users provide key information about their issue or request upfront helps you to manage their request more efficiently, reducing the amount of communication back and forth and avoiding the need to prompt the user for the vital information.

+

When dealing with IT-related requests, ensuring that users provide key information about their issue or request upfront helps you to manage their request more efficiently, reducing the amount of communication back and forth and avoiding the need to prompt the user UserPartnership seed money user experience social proof z entrepreneur social media investor gen-z graphical user interface. for the vital information.

-

You can define the information the form collects by adding your own custom fields and designing your form layouts.

+

You can define the information the form collects by adding your own custom fields + + Custom fields + Partnership seed money user experience social proof z entrepreneur social media investor gen-z graphical user interface. + + and designing your form layouts.

You can follow our guide to setting up an effective, customized contact form.

The information provided by the user will be visible immediately to the agent within the ticket, empowering them to quickly troubleshoot or process a request.

-
@@ -200,6 +214,7 @@

Dynamic Contact Forms out of 10 people found this article helpful

+
@@ -214,6 +229,7 @@

Dynamic Contact Forms

+
@@ -235,104 +251,16 @@

Dynamic Contact Forms 2 0

- - -
    - -
  • -
    - - - Nick Green - Agent - - - 2 days - -
      -
    • Permalink
      • -
    • Reply to this comment
      • -
    -     -
    -

    Hi Melinda, partnership seed money user experience social proof z entrepreneur social media investor gen-z graphical user interface

    -
    • - -
  • -
    - - - Wendy Pride - Agent - - - 2 days - -
      -
    • Permalink
      • -
    • Reply to this comment
      • -
    -     -
    -

    Nick, Wendy, this is a great idea. Partnership seed money user experience social proof z entrepreneur social media investor gen-z graphical user interface.

    -
    • -
- -
-
- - - - Nick Green - - Cancel - - -
- Your comment* - - -
- - -
- - Add attachment - - - - - - or - - - Drag and drop - - -
- -
- - - - - -
-
-
- Nick Green + Wendy Pride - 2 days + 3 days
  • Permalink
    • @@ -341,35 +269,6 @@

    Dynamic Contact Forms Partnership seed money user experience social proof z entrepreneur social media investor gen-z graphical user interface.

    -
    - 3 - 0 -
    -

- - -
-
- - - Melinda Stanley - - - 2 days - -
-

Product market fit customer development acquihire technical cofounder.

-
-
Attachments
- - - craft-sync-user-guide.pdf (220 kB) - - - - craft-sync-photoshop-help.pdf (112 kB) - -
2 0 @@ -431,99 +330,7 @@
Attachments
- -
- - -
- - -
- - -
- -
- - Thank you for validating your email address, you are now ready to add your comment. -
- -
- - Please validate your email address by following the link in the email sent to you. Resend link? -
-
- -
- -
+
Add comment
@@ -574,7 +381,6 @@

Register

-
@@ -594,26 +400,14 @@

Register

  • All your subscriptions
    • -
    Related content
    @@ -654,27 +448,30 @@

    Register

    -
    -
    Recent news
    +
    +
    Recent news
    -
      -
    • - Created by - Nicholas Green +
        +
      • + JUN 10 + Custom Fields for Downloads and more
        • -
      • - First published - 12 Jun 2019 +
      • + JUN 10 + Custom Fields for Downloads and more
        • -
      • - Custom Field X - Value Y +
      • + JUN 10 + Deskpro 5.14.0, 5.14.1, 514...
        • -
      • - Translations - Updated +
      • + JUN 10 + Custom Fields for Downloads and more +
        • +
      • + JUN 10 + Custom Fields for Downloads and more
        • -