@steedos-labs/content-compliance 1.0.8 → 1.0.10

package/main/default/objects/space_users/fields/modified_by.field.yml

@@ -8,5 +8,5 @@ inlineHelpText: ''
 label: 修改人
 readonly: true
 reference_to: users
-sort_no: 1850
+sort_no: 1705
 type: lookup

package/main/default/objects/space_users/fields/password_expired.field.yml

@@ -9,7 +9,7 @@ hidden: false
 inlineHelpText: ''
 label: 密码已过期
 omit: false
-sort_no: 1705
+sort_no: 1850
 is_wide: false
 type: boolean
 visible_on: '{{global.user.is_space_admin}}'

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@steedos-labs/content-compliance",
-    "version": "1.0.8",
+    "version": "1.0.10",
     "description": "内容审核系统改造：content hub&登录页增加申请表&跳过中止操作支持上传证明文件表单改造",
     "main": "package.service.js",
     "scripts": {

package/public/dynamic.css

@@ -59,15 +59,30 @@ form>.rounded-md.shadow-sm>.-mt-px{
 #loginId,
 #password{
     height: 44px;
-    border-radius: 6px !important;
+    border-radius: 8px !important;
 }
 
-/* 输入框聚焦：主题色边框 + 浅色光晕 */
+/* 输入框聚焦：2px 主题色边框（1px 边框 + 1px 同色描边，不改变尺寸） */
 #loginId:focus,
 #password:focus{
     outline: none;
     border-color: rgb(2 53 90);
-    box-shadow: 0 0 0 2px rgb(2 53 90 / 15%);
+    box-shadow: 0 0 0 1px rgb(2 53 90);
+}
+
+/* 参照 Content Hub：输入框无边框、浅灰底，聚焦时底色变白（仅桌面端，手机端保持原样） */
+@media (min-width: 769px) {
+    #loginId,
+    #password{
+        border-color: #f2f3f5;
+        background-color: #f2f3f5;
+        transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    }
+    #loginId:focus,
+    #password:focus{
+        border-color: rgb(2 53 90);
+        background-color: #ffffff;
+    }
 }
 
 .mt-6.flex.justify-end button{
@@ -76,6 +91,21 @@ form>.rounded-md.shadow-sm>.-mt-px{
     color: rgb(2 53 90 / var(--tw-bg-opacity));
     font-weight: 400;
     height: 44px;
+    border-radius: 8px;
+    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+
+/* 「非百事员工登录」悬停：由描边变为深蓝实心 + 淡阴影；按下再深一点 */
+.mt-6.flex.justify-end button:hover{
+    background-color: rgb(2 53 90);
+    color: #ffffff;
+    box-shadow: 0 4px 12px rgb(2 53 90 / 25%);
+}
+
+.mt-6.flex.justify-end button:active{
+    background-color: #012a48;
+    color: #ffffff;
+    box-shadow: 0 1px 3px rgb(2 53 90 / 20%);
 }
 
 .flex:last-of-type {
@@ -86,6 +116,32 @@ form>.rounded-md.shadow-sm>.-mt-px{
     background-color: rgb(2 53 90 / var(--tw-bg-opacity));
     color: #ffffff !important;
     height: 44px;
+    /* 边框与底色同色，避免平台默认的浅灰边框让按钮看起来比下方按钮小一圈；圆角与输入框、按钮统一为 8px */
+    border-color: rgb(2 53 90);
+    border-radius: 8px;
+    /* 淡阴影突出主按钮 */
+    box-shadow: 0 2px 6px rgb(2 53 90 / 15%);
+    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+
+/* 「百事员工SSO登录」悬停：稍微变浅 + 阴影加深；按下：稍微变深 */
+.flex:last-of-type>a:hover{
+    background-color: #0a4675;
+    border-color: #0a4675;
+    box-shadow: 0 4px 12px rgb(2 53 90 / 25%);
+}
+
+.flex:last-of-type>a:active{
+    background-color: #012a48;
+    border-color: #012a48;
+    box-shadow: 0 1px 3px rgb(2 53 90 / 20%);
+}
+
+/* 键盘 Tab 切换到按钮时的焦点框（鼠标点击不显示） */
+.flex:last-of-type>a:focus-visible,
+.mt-6.flex.justify-end button:focus-visible{
+    outline: none;
+    box-shadow: 0 0 0 3px rgb(2 53 90 / 25%);
 }
 
 .mt-6.mb-6.relative {
@@ -116,6 +172,8 @@ form>.mt-6.mb-6.relative span{
     .relative.rounded.p-10.sm\:shadow-md.bg-white.w-screen.max-w-md{
         border-radius: 20px;
         box-shadow: 0 8px 24px rgb(0 0 0 / 12%);
+        /* logo 图片自带上方留白，上内边距由 40px 减为 32px，使视觉上的上下留白平衡 */
+        padding-top: 32px;
     }
 }
 
@@ -208,6 +266,8 @@ form{
     margin-top: 20px;
     font-size: 12px;
     position: absolute;
+    /* 与「我已阅读并同意」文字左对齐：勾选框 14px + 右边距 5px + 文字左边距 5px */
+    left: 24px;
 }
 
 input{
@@ -217,24 +277,27 @@ input{
 .account-apply-btn{
     z-index: 999;
     position: absolute;
-    /* 减去左右内边距，使文字与输入框右边缘对齐 */
-    right: calc(2.5rem - 8px);
-    /* 与左侧隐私勾选行垂直居中对齐 */
-    bottom: 38px;
+    /* 减去左右内边距和 1px 边框，使文字与输入框右边缘对齐 */
+    right: calc(2.5rem - 9px);
+    /* 与左侧隐私勾选行垂直居中对齐（含上下 1px 边框） */
+    bottom: 37px;
     padding: 2px 8px;
     font-size: 12px;
     line-height: 20px;
     color: #4b5563;
     background: transparent;
-    border: none;
+    /* 默认透明边框占位，悬停时显示深蓝描边，避免尺寸跳动 */
+    border: 1px solid transparent;
     border-radius: 4px;
     cursor: pointer;
-    transition: background-color 0.2s, color 0.2s;
+    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
 }
 
+/* 悬停：深蓝描边 + 深蓝字，与「非百事员工登录」的描边风格一致 */
 .account-apply-btn:hover{
     color: rgb(2 53 90);
-    background: #f3f4f6;
+    background: #ffffff;
+    border-color: rgb(2 53 90);
 }
 
 .account-apply-modal{