Ticket #3399 - Menus, Units, Videos, Timeline, etc.

modules/base/general/template/css/main.css

@@ -197,7 +197,7 @@ div.bx-base-general-comments div.bx-base-general-comments-counter-holder {
 }
 .sys-author ul.bx-menu-custom.bx-menu-custom-hor > li,
 .bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor > li {
-    margin-left: 0.25rem;
+    margin-left: 0.5rem;
 }
 .sys-author ul.bx-menu-custom.bx-menu-custom-hor > li:first-child,
 .bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor > li:first-child,

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

@@ -111,9 +111,13 @@
     visibility: hidden;
 }
 
+/* unit meta */
+.bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor > li {
+    margin-left: 0;
+}
 
-/* flexbox */
 
+/* flexbox */
 .bx-base-text-unit-gallery-wrapper {
     display: -webkit-box;
     display: -webkit-flex;

modules/boonex/artificer/data/template/bx_notifications/event.html

@@ -5,7 +5,7 @@
                 <div class="__style_prefix__-owner-avatar bx-def-thumb-size">__author_unit__</div>
                 <div class="__style_prefix__-body bx-def-thumb-size-min-height flex flex-col ml-4">
                     <div class="__style_prefix__-content">__content__</div>
-                    <div class="__style_prefix__-date mt-2">__date__</div>
+                    <div class="__style_prefix__-date">__date__</div>
                 </div>
             </div>
         </div>

modules/boonex/artificer/data/template/bx_timeline/css/view.css

@@ -75,7 +75,7 @@ div.bx-tl-item div.bx-tl-item-activity .bx-menu-custom.bx-menu-custom-hor {
     border-radius: .25rem;
 }
 
-/* Menu: Item Manage */
+/*--- Menu: Item Manage ---*/
 .bx-menu-object-bx_timeline_menu_item_manage .sys-icon, .bx-menu-object-bx_timeline_menu_item_manage .sys-icon {
     display: inline-block;
     width: 1.25rem;
@@ -276,6 +276,18 @@ div.bx-tl-view-timeline div.bx-tl-il-embed iframe {
 div.bx-tl-bview-images {
     position: relative;
 }
+div.bx-tl-bview-images div.bx-tl-bview-image:not(.bx-tl-bvi-single) {
+    width: 100%;
+    height: calc(100vh - 7rem);
+    text-align: center;
+}
+div.bx-tl-bview-images div.bx-tl-bview-image:not(.bx-tl-bvi-single) img {
+    position: relative;
+    max-width: 100% !important;
+    max-height: 100% !important;
+    margin-left: auto;
+    margin-right: auto;
+}
 div.bx-tl-bview-image.bx-tl-bvi-single {
     display: -webkit-flex;
     display: flex;

modules/boonex/artificer/data/template/bx_timeline/type_post.html

@@ -1,5 +1,5 @@
 <bx_if:show_top_raw>
-    <div class="__style_prefix__-item-top-raw mt-3 md:mt-4 lg:mt-6">__item_content_top_raw__</div>
+    <div class="__style_prefix__-item-top-raw mb-2 md:mb-3 lg:mb-4">__item_content_top_raw__</div>
 </bx_if:show_top_raw>
 <bx_if:show_images>
     <div class="__style_prefix__-item-images __style_prefix__-ii-main __style_prefix__-ii-__display__ mb-2 md:mb-3 lg:mb-4 rounded">

modules/boonex/artificer/data/template/bx_videos/entry-text.html

@@ -2,7 +2,7 @@
 <div class="bx-content-description">
     <div class="bx-base-text-entity-content bx-def-constraint-list bx-def-constraint-pre bx-def-constraint-object bx-def-constraint-iframe bx-def-constraint-img bx-videos-entity-video">
         <p class="text-center">__entry_video__</p>
-        <h1>__entry_title__</h1>
+        <div class="mt-4 text-lg lg:text-xl font-semibold text-gray-700 dark:text-gray-300">__entry_title__</div>
         __entry_text__
     </div>
 </div>

modules/boonex/artificer/data/template/mod_profile/cover.html

@@ -30,7 +30,7 @@
                     </bx_if:show_avatar_placeholder>
                     <div class="bx-base-pofile-cover-user relative flex flex-col lg:flex-row lg:items-start lg:justify-end mt-6 sm:pb-1 lg:w-full lg:pl-52 box-border">
                         <div class="bx-base-profile-cover-title-bages min-w-0 flex-1 lg:mt-14 lg:mr-12 mb-2">
-                            <h1 class="bx-def-unit-info text-gray-900 dark:text-gray-50 text-center lg:text-left text-4xl leading-14 font-bold truncate">__title__ </h1>
+                            <div class="bx-def-unit-info pl-1 text-gray-900 dark:text-gray-50 text-center lg:text-left text-4xl leading-14 font-bold truncate">__title__ </div>
                             <div class="bx-base-profile-cover-meta-holder mt-2 lg:h-8">
                                 <div class="bx-base-profile-cover-meta lg:absolute flex flex-row flex-wrap justify-center lg:justify-start text-sm">__meta__</div>
                             </div>

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

@@ -68,6 +68,11 @@
     width: 100%;
 }
 
+.bx-page-iframe .bx-base-text-polls-showcase {
+    margin-left: -0.4rem;
+    margin-right: -0.4rem;
+}
+
 /* Media: phone2 */
 .bx-media-phone2 .bx-layout-column-half .bx-base-text-polls.bx-base-text-autosizing .bx-base-text-poll,
 .bx-media-phone2 .bx-layout-column-thin .bx-base-text-polls.bx-base-text-autosizing .bx-base-text-poll {

modules/boonex/artificer/data/template/mod_text/entry-text.html

@@ -7,12 +7,10 @@
         __additional_code__
     </bx_if:show_image>
     <div class="bx-base-text-entity-content bx-def-constraint-list bx-def-constraint-pre bx-def-constraint-object bx-def-constraint-iframe bx-def-constraint-img">
-		<div class="bx-base-text-title-bages">
-			<h1 class="text-lg lg:text-xl font-semibold text-gray-700  dark:text-gray-300 mb-1 lg:mb-2">__entry_title__</h1> 
-			<div class="bx-base-bages-container">
-				__badges__
-			</div>
-		</div>	
+        <div class="bx-base-text-title-bages">
+            <div class="text-lg lg:text-xl font-semibold text-gray-700 dark:text-gray-300 mb-1 lg:mb-2">__entry_title__</div> 
+            <div class="bx-base-bages-container">__badges__</div>
+        </div>	
         __entry_text__
     </div>
 </div>

modules/boonex/artificer/data/template/mod_text/unit_gallery.html

@@ -9,15 +9,15 @@
         </bx_if:thumb>
         <bx_if:no_thumb>
             <div class="bx-def-gal-img-column flex-shrink-0 m-1">
-                <div class="bx-base-text-unit-no-thumb flex flex-col items-center justify-center h-48 p-4 bg-gray-100 dark:bg-gray-700 leading-8 text-sm text-gray-200 dark:text-gray-600 text-opacity-80 box-border rounded-md">__summary_plain__</div>
+                <div class="bx-base-text-unit-no-thumb flex flex-col items-center justify-center h-48 p-4 bg-gradient-to-b from-red-400 to-red-500 box-border rounded-md"></div>
             </div>
         </bx_if:no_thumb>
         <div class="bx-base-text-unit-text p-3 md:p-4 lg:p-6 pt-2 md:pt-3 lg:pt-5 box-border">
-            <div class="bx-base-text-unit-info flex space-x-1 text-sm text-gray-500 dark:text-gray-400 pb-2">
-                <bx_if:meta><div class="bx-base-general-unit-meta">__meta__</div></bx_if:meta>
+            <div class="bx-base-text-unit-info flex text-sm text-gray-500 dark:text-gray-400">
+                <bx_if:meta><div class="bx-base-general-unit-meta pb-2">__meta__</div></bx_if:meta>
             </div>
-            <div class="bx-base-text-unit-title">
-                <h2 class="text-left"><a href="__content_url__" class="text-lg lg:text-xl font-semibold text-gray-700 group-hover:text-gray-900 dark:text-gray-200 dark:group-hover:text-white">__title__</a></h2>
+            <div class="bx-base-text-unit-title flex items-center text-left">
+                <a href="__content_url__" class="text-lg lg:text-xl font-semibold text-gray-700 group-hover:text-gray-900 dark:text-gray-200 dark:group-hover:text-white">__title__</a>
                 __badges__
             </div>
         </div>

modules/boonex/artificer/data/template/system/menu_custom_hor.html

@@ -1,6 +1,6 @@
 <ul id="__html_id__" class="bx-menu-custom bx-menu-custom-hor bx-menu-hor-inline<bx_if:show_more_auto_class> bx-menu-more-auto</bx_if:show_more_auto_class> bx-menu-object-__object__ flex justify-start items-start">
     <bx_repeat:menu_items>
-        <li class="bx-menu-item bx-menu-item-__name____class__">__item__</li>
+        <li class="bx-menu-item bx-menu-item-__name____class__ flex">__item__</li>
     </bx_repeat:menu_items>
 </ul>
 __js_code__

modules/boonex/artificer/data/template/system/menu_floating_blocks_wide.html

@@ -1,12 +1,12 @@
 <ul class="bx-menu-floating-blocks-wide bx-menu-object-__object__">
-    <bx_repeat:menu_items><li class="bx-menu-item bx-menu-item-__name__ __class_add__ group relative flex justify-between items-center px-4 text-gray-600 dark:text-gray-300 hover:bg-gray-200 dark:hover:text-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 font-normal">
+    <bx_repeat:menu_items><li class="bx-menu-item bx-menu-item-__name__ __class_add__ group relative flex justify-between items-center px-4 text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100 hover:bg-gray-200 dark:hover:bg-gray-700 text-base font-medium">
         <a class="flex flex-1 items-center py-2" href="__link__" onclick="__onclick__"__attrs__>
             <div class="bx-menu-floating-blocks-icon flex items-center justify-center h-5 w-5 mr-2">
                 <bx_if:icon><i class="sys-icon __icon__"></i></bx_if:icon>
                 <bx_if:image><img class="h-5 w-5" style="background-image:url(__icon_url__)" src="<bx_icon_url:spacer.gif />" /></bx_if:image>
                 <bx_if:icon-html>__icon__</bx_if:icon-html>
             </div>
-            <div class="bx-menu-floating-blocks-title bx-def-font-middle">__title__</div>
+            <div class="bx-menu-floating-blocks-title">__title__</div>
         </a>
         <bx_if:addon>__addonf__</bx_if:addon>
     </li></bx_repeat:menu_items>

modules/boonex/artificer/data/template/system/page_22.html

@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="__lang__">
+<head>
+    <bx_injection:injection_head_begin />
+
+    <meta http-equiv="Content-Type" content="text/html; charset=__page_charset__" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
+    <title>__page_header__</title>
+    <base href="<bx_url_root />" />
+
+    __meta_info__
+    __page_robots__
+
+    <bx_include_css_styles />
+    <bx_include_css_system />
+    <bx_include_css />
+    <style>
+        body.bx-def-color-bg-page {
+            overflow:hidden;
+            background-color:#000;
+        }
+    </style>
+
+    __dol_images__
+    __dol_lang__
+    __dol_options__
+
+    <bx_include_js_system />
+    <bx_include_js />
+
+    <bx_include_auto:_header_js.html />
+    <bx_include_auto:_header_js_spinner.html />
+    <bx_include_auto:_header_js_custom.html />
+
+    __extra_js__
+
+    __system_injection_head__
+    <bx_injection:injection_head />
+    <bx_include_auto:_header_meta.html />
+</head>
+<body class="bg-transparent text-gray-500 dark:text-gray-400 overflow-hidden bx-page-iframe" dir="__lang_direction__" <bx_injection:injection_body /> >
+    __system_injection_header__
+    <bx_injection:injection_header />
+    __page_main_code__
+</body>
+</html>

modules/boonex/notifications/template/event.html

@@ -1,13 +1,13 @@
 <div id="__html_id__" class="__style_prefix__-event bx-def-margin-sec-top-auto bx-def-round-corners bx-def-box bx-def-color-bg-box bx-def-color-bg-box-hover__class__">
     <a class="__style_prefix__-event-link bx-def-font-color" href="__link__">
-	    <div class="__style_prefix__-event-gap bx-def-padding">
-	    	<div class="__style_prefix__-event-cnt">
-		       	<div class="__style_prefix__-owner-avatar bx-def-thumb-size">__author_unit__</div>
-				<div class="__style_prefix__-body bx-def-thumb-size-min-height bx-def-thumb-size-left-indent">
-					<div class="__style_prefix__-content">__content__</div>
-					<div class="__style_prefix__-date bx-def-margin-sec-top">__date__</div>
-				</div>
-			</div>
-		</div>
-	</a>
+        <div class="__style_prefix__-event-gap bx-def-padding">
+            <div class="__style_prefix__-event-cnt">
+                <div class="__style_prefix__-owner-avatar bx-def-thumb-size">__author_unit__</div>
+                <div class="__style_prefix__-body bx-def-thumb-size-min-height bx-def-thumb-size-left-indent">
+                    <div class="__style_prefix__-content">__content__</div>
+                    <div class="__style_prefix__-date">__date__</div>
+                </div>
+            </div>
+        </div>
+    </a>
 </div>

modules/boonex/tasks/template/popup_form.html

@@ -1,4 +1,4 @@
-<div class="bx-tasks-form bx-def-color-bg-block">
+<div class="bx-tasks-form">
     <div class="bx-tasks-form-cnt">
         __form__
         <script language="javascript">