From ec11839343aed10a6d026abc431af645bac79791 Mon Sep 17 00:00:00 2001
From: guofeilong <guofeilong@easycorp.ltd>
Date: Fri, 24 Feb 2023 13:36:27 +0800
Subject: [PATCH] Adjust code for langitem.

---
 module/dev/css/langitem.css       | 5 +++--
 module/dev/js/langitem.js         | 2 +-
 module/dev/view/langitem.html.php | 6 +++---
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/module/dev/css/langitem.css b/module/dev/css/langitem.css
index c0c6ef739a..54aabd914e 100644
--- a/module/dev/css/langitem.css
+++ b/module/dev/css/langitem.css
@@ -22,11 +22,12 @@
 
 /* form-content */
 .form-item-content {padding-left: 44px;}
-.form-item-content > .form-item {gap: 20px; height: 56px; align-items: center; position: relative;}
+.form-item-content > .form-item {gap: 64px; height: 56px; align-items: center; position: relative;}
 .form-item-content > .form-item >  .label {flex: 0 0 160px; padding-left: 40px; background: #F8F8F8; display: flex; align-items: center; color: currentColor;}
+.form-item-content > .form-item >  .input-group {margin-left: 20px;}
 .form-item-content > .form-item >  .input-control > input {margin-left: 40px;}
 .form-item-content > .form-item.active .icon {display: unset;}
-.form-item-content > .form-item .icon {display: none; position: absolute; left: 0; top: 2px; font-size: 25px;}
+.form-item-content > .form-item .icon {display: none; position: absolute; left: -50px; top: 2px; font-size: 25px;}
 .form-item-content.hover-color-primary > .form-item.active > .label {color: blue;}
 .form-item-content.hover-color-primary > .form-item.active .form-control {border-color: blue;}
 .form-item-content.border-color-primary > .form-item .form-control {border: 1px solid blue;}
diff --git a/module/dev/js/langitem.js b/module/dev/js/langitem.js
index 59c2f3760c..16ddf2cecb 100644
--- a/module/dev/js/langitem.js
+++ b/module/dev/js/langitem.js
@@ -135,7 +135,7 @@ $(function()
         removeActive(e.target.id);
     });
 
-    $('.form-item-content > .form-item > .input-label').on('click', function()
+    $('.form-item-content > .form-item > .input-group').on('click', function()
     {
         handleClickItem($(this).data('id'));
     });
diff --git a/module/dev/view/langitem.html.php b/module/dev/view/langitem.html.php
index 2a6314ee10..b973d767ec 100644
--- a/module/dev/view/langitem.html.php
+++ b/module/dev/view/langitem.html.php
@@ -75,11 +75,11 @@
         ?>
         <div data-id="<?php echo "{$moduleName}_{$langKey}"?>" class="form-item flex">
           <?php if(!$isCurrentLang):?>
-          <div data-id="<?php echo "{$moduleName}_{$langKey}"?>" class="input-label h-full"><?php echo $currentLangs[$langKey]?></div>
+          <div data-id="<?php echo "{$moduleName}_{$langKey}"?>" class="label h-full"><?php echo $currentLangs[$langKey]?></div>
           <?php endif;?>
-          <div data-id="<?php echo "{$moduleName}_{$langKey}"?>" class="input-label h-full"><?php echo $originalLang?></div>
-          <i class="icon icon-angle-right text-primary"></i>
+          <div data-id="<?php echo "{$moduleName}_{$langKey}"?>" class="label h-full"><?php echo $originalLang?></div>
           <div class="input-group">
+            <i class="icon icon-angle-right text-primary"></i>
             <?php printf($defaultValueBox, html::input("{$moduleName}_{$langKey}", zget($customedLangs, $langKey, ''), "class='form-control shadow-primary-hover' placeholder='{$defaultValue}'"));?>
           </div>
         </div>