Ticket #3766 - Artificer template: View Text/Description blocks.

modules/base/profile/template/css/main.css

@@ -630,6 +630,11 @@ a.bx-base-pofile-cover-thumb p.bx-base-pofile-unit-thumb.bx-def-ava-big-size {
 }
 
 /* view page */
+.bx-base-profile-entity-content.bx-def-vanilla-html {
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+}
+
 .bx-base-profile-entity-content,
 .bx-base-profile-entity-content p {
     overflow: hidden;

modules/base/text/template/css/main.css

@@ -223,7 +223,12 @@
 }
 
 .bx-base-text-entity-image img {
-    max-width: 100%;
+    width: 100%;
+}
+
+.bx-base-text-entity-content.bx-def-vanilla-html {
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
 }
 
 .bx-base-text-entity-actions-all .bx-base-text-entity-share,

modules/boonex/artificer/data/template/mod_profile/css/main.css

@@ -127,7 +127,7 @@ p.bx-base-pofile-unit-thumb.bx-def-ava-big-size {
 }
 
 
-/*--- Profile Cover ---*/
+/*--- Entry: Profile Cover ---*/
 .bx-base-pofile-cover-wrapper.bx-no-cover .bx-base-pofile-cover-bg  {
     height: 50%;
 }
@@ -205,7 +205,13 @@ p.bx-base-pofile-unit-thumb.bx-def-ava-big-size {
     padding: 0;
 }
 
-/* Cover block */
+/*--- Entry: Profile Cover block ---*/
 .bx-base-profile-cover-block-wrapper .bx-base-pofile-cover-actions div.bx-base-general-entity-actions{
     position: relative;
 }
+
+/*--- Entry: Profile Description block ---*/
+.bx-base-profile-entity-content.bx-def-vanilla-html {
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+}

modules/boonex/artificer/data/template/mod_text/css/main.css

@@ -103,6 +103,15 @@
    width:calc(33.3%);
 }
 
+/*-- Entry: Text block --*/
+.bx-base-text-entity-image img {
+    width: 100%;
+}
+
+.bx-base-text-entity-content.bx-def-vanilla-html {
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+}
 
 /*-- Entry: Actions Menu --*/
 .bx-base-general-entity-actions .bx-menu-custom-hor li.bx-menu-item-more-auto .bx-popup .bx-menu-custom .bx-menu-item {

modules/boonex/artificer/data/template/system/css/default.less

@@ -16,6 +16,11 @@
     margin-right: auto;
 }
 
+.bx-def-vanilla-html.bx-def-constraint-pre pre {
+    max-width: none;
+    overflow: auto;
+}
+
 /*--- Unit ---*/
 .bx-def-unit .bx-def-unit-line .bx-def-ui-div:first-child {
     display: none;

template/css/default.less

@@ -491,6 +491,11 @@ h3,
     margin-right: auto;
 }
 
+.bx-def-vanilla-html.bx-def-constraint-pre pre {
+    max-width: none;
+    overflow: auto;
+}
+
 /* image/thumbnail/gallery default styles */
 
 .bx-def-icon,

template/css/media-desktop.css

@@ -19,7 +19,6 @@ html.bx-media-desktop {
 
 .bx-media-desktop .bx-def-constraint-all *,
 .bx-media-desktop .bx-def-constraint-list ol, .bx-def-constraint-list ul,
-.bx-media-desktop .bx-def-constraint-pre pre,
 .bx-media-desktop .bx-def-constraint-object object,
 .bx-media-desktop .bx-def-constraint-iframe iframe,
 .bx-media-desktop .bx-def-constraint-img img {
@@ -31,9 +30,6 @@ html.bx-media-desktop {
     max-width:900px !important;
     overflow:hidden !important;
 }
-.bx-media-desktop .bx-def-constraint-pre pre {
-    overflow:scroll !important;
-}
 .bx-media-desktop .bx-def-constraint-img img  {
     max-width:100% !important;
     height: auto !important;

template/css/media-phone.css

@@ -19,7 +19,6 @@ html.bx-media-phone {
 
 .bx-media-phone .bx-def-constraint-all *,
 .bx-media-phone .bx-def-constraint-list ol, .bx-def-constraint-list ul,
-.bx-media-phone .bx-def-constraint-pre pre,
 .bx-media-phone .bx-def-constraint-object object,
 .bx-media-phone .bx-def-constraint-iframe iframe,
 .bx-media-phone .bx-def-constraint-img img {
@@ -34,9 +33,6 @@ html.bx-media-phone {
 .bx-media-phone .bx-def-constraint-img img {
     height:auto !important;
 }
-.bx-media-phone .bx-def-constraint-pre pre {
-    overflow:scroll !important;
-}
 
 
 /* default.css */ 

template/css/media-tablet.css

@@ -19,7 +19,6 @@ html.bx-media-tablet {
 
 .bx-media-tablet .bx-def-constraint-all *,
 .bx-media-tablet .bx-def-constraint-list ol, .bx-def-constraint-list ul,
-.bx-media-tablet .bx-def-constraint-pre pre,
 .bx-media-tablet .bx-def-constraint-object object,
 .bx-media-tablet .bx-def-constraint-iframe iframe,
 .bx-media-tablet .bx-def-constraint-img img {
@@ -31,9 +30,6 @@ html.bx-media-tablet {
     max-width:500px !important;
     overflow:hidden !important;
 }
-.bx-media-tablet .bx-def-constraint-pre pre {
-    overflow:scroll !important;
-}
 
 
 /* default.css */