Ticket #4674 - Studio: Layout changes.

studio/template/css/launcher.css

@@ -127,15 +127,15 @@ div.bx-std-widget-empty {
 }
 
 .bx-std-widget-link > img {
-    position:relative;
-    z-index:2;
+    position: relative;
+    z-index: -1;
 
     width: 5.0rem;
     height: 5.0rem;
 
     background-color: transparent;
-    background-position:0px 0px;
-    background-repeat:no-repeat;
+    background-position: 0px 0px;
+    background-repeat: no-repeat;
 }
 
 div.bx-std-widget-icon-jitter {

studio/template/css/menu_top.css

@@ -154,14 +154,11 @@ div.bx-std-menu-top .bx-menu-top-center li .bx-mi-icon {
 div.bx-std-menu-top .bx-menu-breadcrumb li.bx-menu-bc-item .bx-mi-icon {
     border-radius: 1.5rem;
 }
-div.bx-std-menu-top .bx-menu-top-center li .bx-mi-icon {
-    border-radius: 0.5rem;
-}
 div.bx-std-menu-top .bx-menu-breadcrumb li.bx-menu-bc-item .bx-mi-title {    
     text-align: center;
-    letter-spacing: -1.2px; 
+    letter-spacing: -0.02em;
 
-    font-size: 24px;
+    font-size: 1.5rem;
     font-weight: 500;   
 
     color: rgb(243, 244, 246);
@@ -180,6 +177,11 @@ div.bx-std-menu-top .bx-menu-top-center li .sys-icon {
     margin: 0;
 }
 
+div.bx-std-menu-top .bx-menu-top-center li img {
+    position: relative;
+    z-index: -1;
+}
+
 div.bx-std-menu-top .bx-menu-top-center li .sys-icon {
     font-size: 1.5rem;
     color: rgba(255, 255, 255, 0.7);
@@ -234,10 +236,8 @@ div.bx-std-menu-top ul li.bx-menu-tab-search .bx-form-input-text {
     border-width: 0;
     background-color: transparent;
 
-    font-size: 1.25rem;
     font-style: normal;
     font-weight: 500;
-    letter-spacing: -1.2px; 
 }
 
 

studio/template/menu_top_center.html

@@ -3,8 +3,10 @@
         <li id="bx-menu-item-__name__" class="__class__ bx-def-box-sizing __class_add__">
             <div class="bx-mi-bg bg-blue-800"></div>
             <a href="__link__" onclick="__onclick__" title="__title_attr__"__attrs__>
-                <div class="bx-mi-icon hover:ring-4 hover:ring-gray-800 hover:ring-offset-4 hover:ring-offset-black active:opacity-80 duration-300">
-                    <bx_include_auto:menu_icon.html />
+                <div class="bx-mi-icon rounded-lg hover:ring-4 hover:ring-gray-800 hover:ring-offset-4 hover:ring-offset-black active:opacity-80 duration-300">
+                    <div class="block ring-white/5 ring-1 ring-inset rounded-lg">
+                        <bx_include_auto:menu_icon.html />
+                    </div>
                 </div>
             </a>
         </li>

studio/template/widget.html

@@ -1,7 +1,7 @@
 <div id="bx-std-widget-__id__" class="bx-std-widget __widget_disabled_class__ __widget_featured_class__" style="__widget_styles__" data-name="__name__">
     <div class="bx-std-widget-cont">
         <div class="bx-std-widget-icon bx-std-widget-icon-trans rounded-2xl overflow-hidden hover:ring hover:ring-blue-600 hover:ring-offset-2 hover:ring-offset-black hover:scale-105 active:scale-100 active:opacity-80 duration-300">
-            <a class="bx-std-widget-link" href="__url__" <bx_if:show_click_icon>onClick="__content__"</bx_if:show_click_icon>>
+            <a class="bx-std-widget-link block ring-white/5 ring-2 ring-inset rounded-2xl" href="__url__" <bx_if:show_click_icon>onClick="__content__"</bx_if:show_click_icon>>
                 <bx_if:icon>
                     <img src="<bx_icon_url:wi-empty.png />" />
                     <i class="sys-icon __icon__"></i>