Ticket #4674 - Studio: Layout changes.

install/sql/system.sql

@@ -396,11 +396,12 @@ INSERT INTO `sys_options`(`category_id`, `name`, `caption`, `value`, `type`, `ex
 (@iCategoryId, 'sys_form_lpc_enable', '_adm_stg_cpt_option_sys_form_lpc_enable', 'on', 'checkbox', '', '', '', '', 260),
 
 (@iCategoryId, 'sys_std_show_header_left', '_adm_stg_cpt_option_sys_std_show_header_left', 'on', 'checkbox', '', '', '', '', 270),
-(@iCategoryId, 'sys_std_show_header_center', '_adm_stg_cpt_option_sys_std_show_header_center', 'on', 'checkbox', '', '', '', '', 271),
-(@iCategoryId, 'sys_std_show_header_right', '_adm_stg_cpt_option_sys_std_show_header_right', 'on', 'checkbox', '', '', '', '', 272),
-(@iCategoryId, 'sys_std_show_header_right_search', '_adm_stg_cpt_option_sys_std_show_header_right_search', 'on', 'checkbox', '', '', '', '', 275),
-(@iCategoryId, 'sys_std_show_header_right_site', '_adm_stg_cpt_option_sys_std_show_header_right_site', 'on', 'checkbox', '', '', '', '', 276),
-(@iCategoryId, 'sys_std_show_launcher_left', '_adm_stg_cpt_option_sys_std_show_launcher_left', '', 'checkbox', '', '', '', '', 280);
+(@iCategoryId, 'sys_std_show_header_left_search', '_adm_stg_cpt_option_sys_std_show_header_left_search', 'on', 'checkbox', '', '', '', '', 271),
+(@iCategoryId, 'sys_std_show_header_center', '_adm_stg_cpt_option_sys_std_show_header_center', 'on', 'checkbox', '', '', '', '', 275),
+(@iCategoryId, 'sys_std_show_header_right', '_adm_stg_cpt_option_sys_std_show_header_right', 'on', 'checkbox', '', '', '', '', 280),
+(@iCategoryId, 'sys_std_show_header_right_search', '_adm_stg_cpt_option_sys_std_show_header_right_search', '', 'checkbox', '', '', '', '', 281),
+(@iCategoryId, 'sys_std_show_header_right_site', '_adm_stg_cpt_option_sys_std_show_header_right_site', 'on', 'checkbox', '', '', '', '', 282),
+(@iCategoryId, 'sys_std_show_launcher_left', '_adm_stg_cpt_option_sys_std_show_launcher_left', '', 'checkbox', '', '', '', '', 285);
 
 --
 -- CATEGORY (HIDDEN): System

modules/boonex/english/data/langs/system/en.xml

@@ -1785,9 +1785,10 @@
     <string name="_adm_stg_cpt_option_sys_sockets_type_sys_sockets_soketi"><![CDATA[Soketi]]></string>
     
     <string name="_adm_stg_cpt_option_sys_std_show_header_left"><![CDATA[Studio: Show header left area]]></string>
+    <string name="_adm_stg_cpt_option_sys_std_show_header_left_search"><![CDATA[Studio: Show search in header left]]></string>
     <string name="_adm_stg_cpt_option_sys_std_show_header_center"><![CDATA[Studio: Show header center area]]></string>
     <string name="_adm_stg_cpt_option_sys_std_show_header_right"><![CDATA[Studio: Show header right area]]></string>
-    <string name="_adm_stg_cpt_option_sys_std_show_header_right_search"><![CDATA[Studio: Show search in header]]></string>
+    <string name="_adm_stg_cpt_option_sys_std_show_header_right_search"><![CDATA[Studio: Show search in header right]]></string>
     <string name="_adm_stg_cpt_option_sys_std_show_header_right_site"><![CDATA[Studio: Show 'site' link in header]]></string>
     <string name="_adm_stg_cpt_option_sys_std_show_launcher_left"><![CDATA[Studio: Show left area with menu in Launcher]]></string>       
 

modules/boonex/russian/data/langs/system/ru.xml

@@ -1761,9 +1761,10 @@
     <string name="_adm_stg_cpt_option_sys_sockets_type_sys_sockets_soketi"><![CDATA[Soketi]]></string>
 
     <string name="_adm_stg_cpt_option_sys_std_show_header_left"><![CDATA[Студия: Показать левую область заголовка]]></string>
+    <string name="_adm_stg_cpt_option_sys_std_show_header_left_search"><![CDATA[Студия: Показать поиск в заголовке слева]]></string>
     <string name="_adm_stg_cpt_option_sys_std_show_header_center"><![CDATA[Студия: Показать центральную область заголовка]]></string>
     <string name="_adm_stg_cpt_option_sys_std_show_header_right"><![CDATA[Студия: Показать правую область заголовка]]></string>
-    <string name="_adm_stg_cpt_option_sys_std_show_header_right_search"><![CDATA[Студия: Показать поиск в заголовке]]></string>
+    <string name="_adm_stg_cpt_option_sys_std_show_header_right_search"><![CDATA[Студия: Показать поиск в заголовке справа]]></string>
     <string name="_adm_stg_cpt_option_sys_std_show_header_right_site"><![CDATA[Студия: Показывать ссылку 'сайт' в заголовке]]></string>
     <string name="_adm_stg_cpt_option_sys_std_show_launcher_left"><![CDATA[Студия: Показать левую область с меню в лаунчере]]></string>
     

studio/template/css/general.css

@@ -166,7 +166,7 @@ div.bx-std-pmen-item .bx-std-pmen-ic-icon {
 
     margin-right: 1rem;
     
-    border-radius: 0.375rem;
+    border-radius: 0.5rem;
     background-repeat: no-repeat;
     background-position: center center;
 
@@ -182,7 +182,7 @@ div.bx-std-pmen-item .sys-icon {
     width: 100%;
     height: 100%;
 
-    border-radius: 0.375rem;
+    border-radius: 0.5rem;
 }
 
 div.bx-std-pmen-item a, 
@@ -201,7 +201,7 @@ div.bx-std-pmen-item a {
 }
 
 div.bx-std-pmen-item .sys-icon {
-    font-size: 1.0rem;
+    font-size: 1.25rem;
     color: #ffffff;
 }
 

studio/template/css/menu_top.css

@@ -27,9 +27,11 @@ div.bx-std-menu-top.bx-std-menu-top-right {
 }
 div.bx-std-menu-top.bx-std-menu-top-left,
 div.bx-std-menu-top.bx-std-menu-top-right {    
+    z-index: 2;
     min-width: 10%;
 }
 div.bx-std-menu-top.bx-std-menu-top-center {    
+    z-index: 1;
     -webkit-flex-grow: 1;
     flex-grow: 1;
 }
@@ -92,6 +94,10 @@ div.bx-std-menu-top .bx-menu-top-center li {
     height: 3.5rem;
 }
 
+div.bx-std-menu-top .bx-menu-breadcrumb li.bx-menu-bc-div img {
+    height: 2.0rem;
+}
+
 div.bx-std-menu-top .bx-menu-breadcrumb li.bx-menu-bc-item.bx-menu-bc-page {
     width: auto;
     padding-left: 0.5rem;
@@ -161,7 +167,7 @@ div.bx-std-menu-top .bx-menu-breadcrumb li.bx-menu-bc-item .bx-mi-title {
     color: rgb(243, 244, 246);
 }
 div.bx-std-menu-top .bx-menu-breadcrumb li.bx-menu-bc-item img,
-div.bx-std-menu-top .bx-menu-breadcrumb li.bx-menu-bc-item svg,
+div.bx-std-menu-top .bx-menu-breadcrumb li.bx-menu-bc-item:not(.bx-menu-tab-search) svg,
 div.bx-std-menu-top .bx-menu-breadcrumb li.bx-menu-bc-item .sys-icon,
 div.bx-std-menu-top .bx-menu-top-center li img,
 div.bx-std-menu-top .bx-menu-top-center li .sys-icon {
@@ -193,12 +199,12 @@ div.bx-std-menu-top .bx-menu-top-center li.bx-menu-tab-divider {
     width: 0.25rem;
     height: 1.75rem;
 }
-div.bx-std-menu-top .bx-menu-top-center li.bx-menu-tab-search,
-div.bx-std-menu-top .bx-menu-toolbar li.bx-menu-tab-search {
+
+/*--- Search box (Top Left\Center\Right) ---*/
+div.bx-std-menu-top ul li.bx-menu-tab-search {
     overflow: visible;
 }
-div.bx-std-menu-top .bx-menu-top-center li.bx-menu-tab-search > div,
-div.bx-std-menu-top .bx-menu-toolbar li.bx-menu-tab-search > div {
+div.bx-std-menu-top ul li.bx-menu-tab-search > div {
     position: absolute;
     display: -webkit-flex;
     display: flex;
@@ -213,12 +219,14 @@ div.bx-std-menu-top .bx-menu-toolbar li.bx-menu-tab-search > div {
 
     border-radius: 1.5rem;
 }
-div.bx-std-menu-top .bx-menu-top-center li.bx-menu-tab-search.bx-mt-active > div,
-div.bx-std-menu-top .bx-menu-toolbar li.bx-menu-tab-search.bx-mt-active > div {
-    width: 18.0rem;
+div.bx-std-menu-top ul.bx-menu-breadcrumb li.bx-menu-tab-search > div {
+    left: 0.5rem;
+    right: auto;
+}
+div.bx-std-menu-top ul li.bx-menu-tab-search.bx-mt-active > div {
+    width: 13.75rem;
 }
-div.bx-std-menu-top .bx-menu-top-center li.bx-menu-tab-search .bx-form-input-text,
-div.bx-std-menu-top .bx-menu-toolbar li.bx-menu-tab-search .bx-form-input-text {
+div.bx-std-menu-top ul li.bx-menu-tab-search .bx-form-input-text {
     height: 2.5rem;
     padding-left: 0.5rem;
     padding-right: 0.5rem;

studio/template/images/icons/bc-arrow.svg

@@ -1,3 +1,3 @@
 <svg width="2" height="32" viewBox="0 0 2 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="2" height="32" rx="1" fill="#374151"/>
+<rect width="2" height="32" rx="1" fill="#1F2937"/>
 </svg>

studio/template/images/icons/bc-home.svg

@@ -1,45 +1,9 @@
-<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="80" height="80" fill="url(#paint0_linear_425_2730)"/>
-<path d="M34 55C34 59.4183 30.4184 63 26 63C21.5816 63 18 59.4183 18 55C18 50.5817 21.5816 47 26 47C30.4184 47 34 50.5817 34 55Z" fill="black" fill-opacity="0.2"/>
-<path d="M62 27C62 31.4183 58.4184 35 54 35C49.5816 35 46 31.4183 46 27C46 22.5817 49.5816 19 54 19C58.4184 19 62 22.5817 62 27Z" fill="black" fill-opacity="0.2"/>
-<path d="M29.1282 30.0527C31.9172 27.2828 35.7588 25.5714 40.0001 25.5714C40.4432 25.5714 40.882 25.5901 41.3157 25.6267C41.7339 25.662 42.1154 25.3759 42.2069 24.9663C43.0832 21.0437 45.9509 17.8725 49.6935 16.5692C50.043 16.4475 50.0788 15.9412 49.7336 15.8077C46.714 14.6402 43.4318 14 40.0001 14C36.0323 14 32.2643 14.8559 28.8709 16.3931C28.5996 16.516 28.4286 16.7881 28.4286 17.0859V29.7748C28.4286 30.1301 28.8761 30.3031 29.1282 30.0527Z" fill="black" fill-opacity="0.2"/>
-<path d="M56.0291 62.7292C55.7784 62.9143 55.4286 62.733 55.4286 62.421V41C55.4286 40.5568 55.41 40.118 55.3734 39.6843C55.3379 39.2661 55.6241 38.8847 56.0337 38.7932C59.9565 37.917 63.1274 35.0492 64.4308 31.3065C64.5523 30.957 65.0587 30.9213 65.1922 31.2664C66.3597 34.2861 67 37.5683 67 41C67 49.91 62.6842 57.8117 56.0291 62.7292Z" fill="black" fill-opacity="0.2"/>
-<path d="M15.5692 50.6934C15.4476 51.0428 14.9412 51.0787 14.8077 50.7335C13.6402 47.7139 13 44.4317 13 41C13 32.0902 17.3158 24.1883 23.9709 19.2708C24.2216 19.0855 24.5715 19.2671 24.5715 19.5789V41C24.5715 41.4432 24.5901 41.882 24.6268 42.3157C24.6621 42.7339 24.3759 43.1154 23.9663 43.2069C20.0437 44.0831 16.8725 46.9508 15.5692 50.6934Z" fill="black" fill-opacity="0.2"/>
-<path d="M51.1289 65.607C51.4004 65.484 51.5713 65.2121 51.5713 64.9143V52.2251C51.5713 51.8698 51.1239 51.697 50.8716 51.9474C48.0829 54.7172 44.2412 56.4286 39.9998 56.4286C39.5567 56.4286 39.1179 56.4101 38.6842 56.3734C38.266 56.3379 37.8845 56.6241 37.7931 57.0338C36.9168 60.9565 34.0491 64.1274 30.3064 65.4308C29.9569 65.5527 29.9211 66.0587 30.2663 66.1922C33.286 67.3597 36.5681 68 39.9998 68C43.9677 68 47.7357 67.1441 51.1289 65.607Z" fill="black" fill-opacity="0.2"/>
-<path d="M34 54C34 58.4183 30.4184 62 26 62C21.5816 62 18 58.4183 18 54C18 49.5817 21.5816 46 26 46C30.4184 46 34 49.5817 34 54Z" fill="url(#paint1_linear_425_2730)"/>
-<path d="M62 26C62 30.4183 58.4184 34 54 34C49.5816 34 46 30.4183 46 26C46 21.5817 49.5816 18 54 18C58.4184 18 62 21.5817 62 26Z" fill="url(#paint2_linear_425_2730)"/>
-<path d="M29.1282 29.0527C31.9172 26.2828 35.7588 24.5714 40.0001 24.5714C40.4432 24.5714 40.882 24.5901 41.3157 24.6267C41.7339 24.662 42.1154 24.3759 42.2069 23.9663C43.0832 20.0437 45.9509 16.8725 49.6935 15.5692C50.043 15.4475 50.0788 14.9412 49.7336 14.8077C46.714 13.6402 43.4318 13 40.0001 13C36.0323 13 32.2643 13.8559 28.8709 15.3931C28.5996 15.516 28.4286 15.7881 28.4286 16.0859V28.7748C28.4286 29.1301 28.8761 29.3031 29.1282 29.0527Z" fill="url(#paint3_linear_425_2730)"/>
-<path d="M56.0291 61.7292C55.7784 61.9143 55.4286 61.733 55.4286 61.421V40C55.4286 39.5568 55.41 39.118 55.3734 38.6843C55.3379 38.2661 55.6241 37.8847 56.0337 37.7932C59.9565 36.917 63.1274 34.0492 64.4308 30.3065C64.5523 29.957 65.0587 29.9213 65.1922 30.2664C66.3597 33.2861 67 36.5683 67 40C67 48.91 62.6842 56.8117 56.0291 61.7292Z" fill="url(#paint4_linear_425_2730)"/>
-<path d="M15.5692 49.6934C15.4476 50.0428 14.9412 50.0787 14.8077 49.7335C13.6402 46.7139 13 43.4317 13 40C13 31.0902 17.3158 23.1883 23.9709 18.2708C24.2216 18.0855 24.5715 18.2671 24.5715 18.5789V40C24.5715 40.4432 24.5901 40.882 24.6268 41.3157C24.6621 41.7339 24.3759 42.1154 23.9663 42.2069C20.0437 43.0831 16.8725 45.9508 15.5692 49.6934Z" fill="url(#paint5_linear_425_2730)"/>
-<path d="M51.1289 64.607C51.4004 64.484 51.5713 64.2121 51.5713 63.9143V51.2251C51.5713 50.8698 51.1239 50.697 50.8716 50.9474C48.0829 53.7172 44.2412 55.4286 39.9998 55.4286C39.5567 55.4286 39.1179 55.4101 38.6842 55.3734C38.266 55.3379 37.8845 55.6241 37.7931 56.0338C36.9168 59.9565 34.0491 63.1274 30.3064 64.4308C29.9569 64.5527 29.9211 65.0587 30.2663 65.1922C33.286 66.3597 36.5681 67 39.9998 67C43.9677 67 47.7357 66.1441 51.1289 64.607Z" fill="url(#paint6_linear_425_2730)"/>
-<defs>
-<linearGradient id="paint0_linear_425_2730" x1="40" y1="0" x2="40" y2="80" gradientUnits="userSpaceOnUse">
-<stop stop-color="#6B7280"/>
-<stop offset="1" stop-color="#1F2937"/>
-</linearGradient>
-<linearGradient id="paint1_linear_425_2730" x1="26" y1="46" x2="26" y2="62" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FDE68A"/>
-<stop offset="1" stop-color="#D97706"/>
-</linearGradient>
-<linearGradient id="paint2_linear_425_2730" x1="54" y1="18" x2="54" y2="34" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FDE68A"/>
-<stop offset="1" stop-color="#D97706"/>
-</linearGradient>
-<linearGradient id="paint3_linear_425_2730" x1="40" y1="13" x2="40" y2="67" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F9FAFB"/>
-<stop offset="1" stop-color="#9CA3AF"/>
-</linearGradient>
-<linearGradient id="paint4_linear_425_2730" x1="40" y1="13" x2="40" y2="67" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F9FAFB"/>
-<stop offset="1" stop-color="#9CA3AF"/>
-</linearGradient>
-<linearGradient id="paint5_linear_425_2730" x1="40" y1="13" x2="40" y2="67" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F9FAFB"/>
-<stop offset="1" stop-color="#9CA3AF"/>
-</linearGradient>
-<linearGradient id="paint6_linear_425_2730" x1="40" y1="13" x2="40" y2="67" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F9FAFB"/>
-<stop offset="1" stop-color="#9CA3AF"/>
-</linearGradient>
-</defs>
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="20" fill="#1F2937"/>
+<path d="M7.00024 20C7.00024 15.774 9.01676 12.0189 12.1401 9.64452C12.3193 9.50826 12.5717 9.63893 12.5717 9.86409V20.7699C12.5717 20.9059 12.4731 21.0214 12.34 21.0496C10.5158 21.436 9.02128 22.715 8.33491 24.408C8.2345 24.6557 7.86449 24.6783 7.77348 24.427C7.27308 23.0452 7.00024 21.5545 7.00024 20Z" fill="#D1D5DB"/>
+<path d="M20.0002 12.5714C18.0464 12.5714 16.2688 13.3257 14.9427 14.559C14.7547 14.7337 14.4288 14.6064 14.4288 14.3497V8.4271C14.4288 8.31956 14.4906 8.22138 14.5884 8.17656C16.2361 7.42113 18.069 7 20.0002 7C21.5547 7 23.0455 7.27284 24.4272 7.77324C24.6785 7.86424 24.6559 8.23425 24.4082 8.33466C22.7062 9.02469 21.4226 10.5316 21.0437 12.369C21.0131 12.5174 20.8751 12.6208 20.7242 12.6063C20.486 12.5832 20.2445 12.5714 20.0002 12.5714Z" fill="#D1D5DB"/>
+<path d="M27.4288 30.1359C27.4288 30.3611 27.6812 30.4917 27.8604 30.3555C30.9837 27.9811 33.0002 24.226 33.0002 20C33.0002 18.4455 32.7274 16.9548 32.227 15.573C32.136 15.3217 31.766 15.3443 31.6656 15.592C30.9792 17.285 29.4846 18.564 27.6605 18.9504C27.5274 18.9786 27.4288 19.0941 27.4288 19.2301V30.1359Z" fill="#D1D5DB"/>
+<path d="M25.5717 31.5729C25.5717 31.6804 25.5099 31.7786 25.4121 31.8234C23.7644 32.5789 21.9315 33 20.0002 33C18.4458 33 16.955 32.7272 15.5733 32.2268C15.322 32.1358 15.3446 31.7658 15.5923 31.6653C17.2943 30.9753 18.5779 29.4684 18.9568 27.631C18.9874 27.4826 19.1254 27.3792 19.2762 27.3937C19.5145 27.4168 19.756 27.4286 20.0002 27.4286C21.954 27.4286 23.7317 26.6743 25.0578 25.441C25.2458 25.2663 25.5717 25.3936 25.5717 25.6503V31.5729Z" fill="#D1D5DB"/>
+<path d="M30.2145 13.5C30.2145 15.5513 28.5516 17.2143 26.5002 17.2143C24.4489 17.2143 22.786 15.5513 22.786 13.5C22.786 11.4487 24.4489 9.78571 26.5002 9.78571C28.5516 9.78571 30.2145 11.4487 30.2145 13.5Z" fill="#D1D5DB"/>
+<path d="M13.5002 30.2143C15.5516 30.2143 17.2145 28.5513 17.2145 26.5C17.2145 24.4487 15.5516 22.7857 13.5002 22.7857C11.4489 22.7857 9.78596 24.4487 9.78596 26.5C9.78596 28.5513 11.4489 30.2143 13.5002 30.2143Z" fill="#D1D5DB"/>
 </svg>

studio/template/menu_top.html

@@ -5,7 +5,7 @@ var oBxDolStudioMenuTop = new BxDolStudioMenuTop({
 });
 -->
 </script>
-<div class="bx-std-menu-top-wrp bg-gray-900 backdrop-blur">
+<div class="bx-std-menu-top-wrp bg-black backdrop-blur">
     <bx_repeat:menus>
         <div id="bx-std-menu-top bx-std-menu-top-__name__" class="bx-std-menu-top bx-std-menu-top-__name__ bx-def-font-contrasted bx-def-box-sizing">__content__</div>
     </bx_repeat:menus>

studio/template/menu_top_toolbar.html

@@ -1,7 +1,7 @@
 <ul class="bx-menu-toolbar gap-x-4">
     <bx_if:show_search>
         <li class="bx-menu-tab-search flex-auto">
-            <div class="bg-gray-700 text-gray-300 hover:text-white hover:ring-4 hover:ring-gray-800 hover:ring-offset-4 hover:ring-offset-black active:opacity-80 duration-300">
+            <div class="bg-gray-800 hover:bg-gray-700 text-gray-300 hover:text-white hover:ring-4 hover:ring-gray-800 hover:ring-offset-4 hover:ring-offset-black active:opacity-80 duration-300">
                 <a class="text-gray-300 hover:text-white" href="javascript:void(0)" onclick="javascript:$(this).parents('li:first').toggleClass('bx-mt-active')">
                     <svg class="flex-none ml-1.5" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                         <path d="M5 12C5 12.9193 5.18106 13.8295 5.53284 14.6788C5.88463 15.5281 6.40024 16.2997 7.05025 16.9497C7.70026 17.5998 8.47194 18.1154 9.32122 18.4672C10.1705 18.8189 11.0807 19 12 19C12.9193 19 13.8295 18.8189 14.6788 18.4672C15.5281 18.1154 16.2997 17.5998 16.9497 16.9497C17.5998 16.2997 18.1154 15.5281 18.4672 14.6788C18.8189 13.8295 19 12.9193 19 12C19 11.0807 18.8189 10.1705 18.4672 9.32122C18.1154 8.47194 17.5998 7.70026 16.9497 7.05025C16.2997 6.40024 15.5281 5.88463 14.6788 5.53284C13.8295 5.18106 12.9193 5 12 5C11.0807 5 10.1705 5.18106 9.32122 5.53284C8.47194 5.88463 7.70026 6.40024 7.05025 7.05025C6.40024 7.70026 5.88463 8.47194 5.53284 9.32122C5.18106 10.1705 5 11.0807 5 12Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@@ -16,7 +16,7 @@
     </bx_if:show_search>
     <bx_repeat:menu_items>
         <li class="bx-menu-tab-__name__  __class_add__ hover:ring-4 hover:ring-gray-800 hover:ring-offset-4 hover:ring-offset-black active:opacity-80 duration-300">
-            <a href="__link__" onclick="__onclick__" class="bg-gray-700 text-gray-300 hover:text-white" title="__title__"__attrs__><bx_if:icon><i class="sys-icon __icon__ bx-def-round-corners bx-def-font-contrasted"></i></bx_if:icon><bx_if:image><img src="__icon_url__" /></bx_if:image><bx_if:image_inline>__image__</bx_if:image_inline></a>
+            <a href="__link__" onclick="__onclick__" class="bg-gray-800 hover:bg-gray-700 text-gray-300 hover:text-white" title="__title__"__attrs__><bx_if:icon><i class="sys-icon __icon__ bx-def-round-corners bx-def-font-contrasted"></i></bx_if:icon><bx_if:image><img src="__icon_url__" /></bx_if:image><bx_if:image_inline>__image__</bx_if:image_inline></a>
         </li>
     </bx_repeat:menu_items>
 </ul>

studio/template/page_breadcrumb.html

@@ -15,5 +15,23 @@
                 </a>
             </li>
         </bx_repeat:menu_items>
+        <bx_if:show_search>
+            <li class="bx-menu-bc-div px-2">
+                <img src="<bx_icon_url:bc-arrow.svg />" />
+            </li>
+            <li class="bx-menu-bc-item bx-menu-tab-search bx-mt-active flex-auto">
+                <div class="bg-gray-800 hover:bg-gray-700 text-gray-300 hover:text-white hover:ring-4 hover:ring-gray-800 hover:ring-offset-4 hover:ring-offset-black active:opacity-80 duration-300">
+                    <a class="text-gray-300 hover:text-white" href="javascript:void(0)" onclick="javascript:$(this).parents('li:first').toggleClass('bx-mt-active')">
+                        <svg class="flex-none ml-1.5" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M5 12C5 12.9193 5.18106 13.8295 5.53284 14.6788C5.88463 15.5281 6.40024 16.2997 7.05025 16.9497C7.70026 17.5998 8.47194 18.1154 9.32122 18.4672C10.1705 18.8189 11.0807 19 12 19C12.9193 19 13.8295 18.8189 14.6788 18.4672C15.5281 18.1154 16.2997 17.5998 16.9497 16.9497C17.5998 16.2997 18.1154 15.5281 18.4672 14.6788C18.8189 13.8295 19 12.9193 19 12C19 11.0807 18.8189 10.1705 18.4672 9.32122C18.1154 8.47194 17.5998 7.70026 16.9497 7.05025C16.2997 6.40024 15.5281 5.88463 14.6788 5.53284C13.8295 5.18106 12.9193 5 12 5C11.0807 5 10.1705 5.18106 9.32122 5.53284C8.47194 5.88463 7.70026 6.40024 7.05025 7.05025C6.40024 7.70026 5.88463 8.47194 5.53284 9.32122C5.18106 10.1705 5 11.0807 5 12Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                            <path d="M23 23L17 17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                        </svg>
+                    </a>
+                    <div class="bx-form-input-wrapper bx-form-input-wrapper-text">
+                        <input type="text" name="search" value="" placeholder="<bx_text_attribute:_adm_tmi_cpt_search />" class="bx-def-font-inputs bx-form-input-text" onkeydown="return oBxDolStudioMenuTop.searchWidget(event)" />
+                    </div>
+                </div>
+            </li>
+        </bx_if:show_search>
     </ul>
 </div>

studio/template/scripts/BxBaseStudioPage.php

@@ -101,6 +101,7 @@ class BxBaseStudioPage extends BxDolStudioPage
 
     public function getPageBreadcrumb()
     {
+        $bPageHome = $this->aPage['name'] == 'home';
         $bWidgetType = !empty($this->aPage['wid_type']);
 
         $aMarkers = array('js_object_launcher' => BxTemplStudioLauncher::getInstance()->getPageJsObject());
@@ -110,14 +111,13 @@ class BxBaseStudioPage extends BxDolStudioPage
         $this->addMarkers($aMarkers);
 
         $aMenuItems = [];
-        if($this->aPage['name'] != 'home')
-            $aMenuItems['home'] = [
-                'name' => 'home',
-                'icon' => 'bc-home.svg',
-                'link' => BX_DOL_URL_STUDIO,
-                //'onclick' => bx_replace_markers('return {js_object_launcher}.browser(this)', $this->aMarkers),
-                'title' => ''
-            ];
+        $aMenuItems['home'] = [
+            'name' => 'home',
+            'icon' => 'bc-home.svg',
+            'link' => BX_DOL_URL_STUDIO,
+            //'onclick' => bx_replace_markers('return {js_object_launcher}.browser(this)', $this->aMarkers),
+            'title' => ''
+        ];
 
         /**
          * Hidden for now.
@@ -131,19 +131,26 @@ class BxBaseStudioPage extends BxDolStudioPage
                 'title' => ''
             ];
 
-        $aMenuItems['page'] = [
-            'name' => 'page',
-            'icon' => '', //$this->aPage['icon'],
-            'link' => $this->getPageUrl(),
-            'title' => _t($this->aPage['caption'])
-        ];
+        if(!$bPageHome)
+            $aMenuItems['page'] = [
+                'name' => 'page',
+                'icon' => '', //$this->aPage['icon'],
+                'link' => $this->getPageUrl(),
+                'title' => _t($this->aPage['caption'])
+            ];
 
         $oMenu = new BxTemplStudioMenu([
             'template' => 'page_breadcrumb.html',
             'menu_items' => $aMenuItems
         ]);
-
-        return $oMenu->getCode();
+        $sMenu = $oMenu->getCode();
+
+        return BxDolStudioTemplate::getInstance()->parseHtmlByContent($sMenu, [
+            'bx_if:show_search' => [
+                'condition' => $bPageHome && getParam('sys_std_show_header_left_search') == 'on',
+                'content' => [true]
+            ]
+        ]); 
     }
 
     public function getPageCaption()