test/amis
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-16 01:40:53 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity
ee1f6b731a
amis/packages/amis-ui/scss/components/_input-box.scss

100 lines
2.0 KiB
SCSS
Raw Normal View History

input-box 单独移出来
2020-05-14 17:06:42 +08:00
.#{$ns}InputBox {
@include input-input();
feat: selectMode 支持 borderMode 配置 (#2996) * feat: selectMode 支持 borderMode 配置 * TransferPicker 也补充一下
2021-11-19 00:16:00 +08:00
@include input-border();
input-box 单独移出来
2020-05-14 17:06:42 +08:00
样式调整
2020-06-11 20:23:39 +08:00
&--inline {
display: inline-flex;
}
升级到最新的 uncontrollable
2020-06-03 17:19:14 +08:00
> input[readonly] {
cursor: inherit;
}
feat: 添加 json-schema 渲染器 (#4269) * feat: 添加 json-schema 渲染器 * draft: 组件层添加 form 逻辑 * 补充组件form相关逻辑 * json-schema-editor 组件内部实现调整 * 添加 json-schema 渲染器 * 补充外部 value 变化更新成员的逻辑 * 补充外部 value 变化更新成员的逻辑 * 优化 json-schema 交互 * 修改 snapshot * 可能死循环 * 补充文档 * 优化逻辑 * 具备远程获取能力 * 固定值优化
2022-05-10 23:35:56 +08:00
&.is-error,
.is-error > & {
SCSS 基于 CSS custom properties 重构，支持通过配置来控制展现风格 (#1190) * 使用自定义 css 属性初步，支持大部分组件的展现 * button 大部分可以看了 * cxd 和 dark 大部分正常 * 修复一些细节样式错误；补充 css 变量的文档 * 修复几个脚本发现的错误 * 完善一下注释 * 修复一些样式不一致问题 * 修复可能存在的 css xss * 恢复 font-variant 功能 * 修复绝大部分 @if 相关的问题 * 恢复之前的注释 * 修复小错误，并将所有 background-color 改成 background，这样就能设置渐变色 * 修复 button group 在 cxd 下不一致问题 * 缩小查看配置和复制配置的宽度，留出更多空间 * 修复一些潜在的错误 * 恢复 utilities 中 label 背景色的设置 * 修复错误的 css 变量 * 补充 IE11 Variables Polyfill
2020-12-21 10:08:40 +08:00
border-color: var(--Form-input-onError-borderColor);
background: var(--Form-input-onError-bg);
input-box 单独移出来
2020-05-14 17:06:42 +08:00
}
&.is-focused {
SCSS 基于 CSS custom properties 重构，支持通过配置来控制展现风格 (#1190) * 使用自定义 css 属性初步，支持大部分组件的展现 * button 大部分可以看了 * cxd 和 dark 大部分正常 * 修复一些细节样式错误；补充 css 变量的文档 * 修复几个脚本发现的错误 * 完善一下注释 * 修复一些样式不一致问题 * 修复可能存在的 css xss * 恢复 font-variant 功能 * 修复绝大部分 @if 相关的问题 * 恢复之前的注释 * 修复小错误，并将所有 background-color 改成 background，这样就能设置渐变色 * 修复 button group 在 cxd 下不一致问题 * 缩小查看配置和复制配置的宽度，留出更多空间 * 修复一些潜在的错误 * 恢复 utilities 中 label 背景色的设置 * 修复错误的 css 变量 * 补充 IE11 Variables Polyfill
2020-12-21 10:08:40 +08:00
border-color: var(--Form-input-onFocused-borderColor);
box-shadow: var(--Form-input-boxShadow);
background: var(--Form-input-onFocused-bg);
input-box 单独移出来
2020-05-14 17:06:42 +08:00
}
升级到最新的 uncontrollable
2020-06-03 17:19:14 +08:00
&.is-clickable:hover {
SCSS 基于 CSS custom properties 重构，支持通过配置来控制展现风格 (#1190) * 使用自定义 css 属性初步，支持大部分组件的展现 * button 大部分可以看了 * cxd 和 dark 大部分正常 * 修复一些细节样式错误；补充 css 变量的文档 * 修复几个脚本发现的错误 * 完善一下注释 * 修复一些样式不一致问题 * 修复可能存在的 css xss * 恢复 font-variant 功能 * 修复绝大部分 @if 相关的问题 * 恢复之前的注释 * 修复小错误，并将所有 background-color 改成 background，这样就能设置渐变色 * 修复 button group 在 cxd 下不一致问题 * 缩小查看配置和复制配置的宽度，留出更多空间 * 修复一些潜在的错误 * 恢复 utilities 中 label 背景色的设置 * 修复错误的 css 变量 * 补充 IE11 Variables Polyfill
2020-12-21 10:08:40 +08:00
border-color: var(--Form-input-onFocused-borderColor);
box-shadow: var(--Form-input-boxShadow);
升级到最新的 uncontrollable
2020-06-03 17:19:14 +08:00
cursor: pointer;
}
input-box 单独移出来
2020-05-14 17:06:42 +08:00
&.is-error.is-focused {
SCSS 基于 CSS custom properties 重构，支持通过配置来控制展现风格 (#1190) * 使用自定义 css 属性初步，支持大部分组件的展现 * button 大部分可以看了 * cxd 和 dark 大部分正常 * 修复一些细节样式错误；补充 css 变量的文档 * 修复几个脚本发现的错误 * 完善一下注释 * 修复一些样式不一致问题 * 修复可能存在的 css xss * 恢复 font-variant 功能 * 修复绝大部分 @if 相关的问题 * 恢复之前的注释 * 修复小错误，并将所有 background-color 改成 background，这样就能设置渐变色 * 修复 button group 在 cxd 下不一致问题 * 缩小查看配置和复制配置的宽度，留出更多空间 * 修复一些潜在的错误 * 恢复 utilities 中 label 背景色的设置 * 修复错误的 css 变量 * 补充 IE11 Variables Polyfill
2020-12-21 10:08:40 +08:00
border-color: var(--Form-input-onError-borderColor);
input-box 单独移出来
2020-05-14 17:06:42 +08:00
}
&.is-disabled {
SCSS 基于 CSS custom properties 重构，支持通过配置来控制展现风格 (#1190) * 使用自定义 css 属性初步，支持大部分组件的展现 * button 大部分可以看了 * cxd 和 dark 大部分正常 * 修复一些细节样式错误；补充 css 变量的文档 * 修复几个脚本发现的错误 * 完善一下注释 * 修复一些样式不一致问题 * 修复可能存在的 css xss * 恢复 font-variant 功能 * 修复绝大部分 @if 相关的问题 * 恢复之前的注释 * 修复小错误，并将所有 background-color 改成 background，这样就能设置渐变色 * 修复 button group 在 cxd 下不一致问题 * 缩小查看配置和复制配置的宽度，留出更多空间 * 修复一些潜在的错误 * 恢复 utilities 中 label 背景色的设置 * 修复错误的 css 变量 * 补充 IE11 Variables Polyfill
2020-12-21 10:08:40 +08:00
color: var(--text--muted-color);
background: var(--Form-input-onDisabled-bg);
border-color: var(--Form-input-onDisabled-borderColor);
input-box 单独移出来
2020-05-14 17:06:42 +08:00
}
&-clear {
@include input-clear();
}
> svg {
display: inline-block;
width: 14px;
SCSS 基于 CSS custom properties 重构，支持通过配置来控制展现风格 (#1190) * 使用自定义 css 属性初步，支持大部分组件的展现 * button 大部分可以看了 * cxd 和 dark 大部分正常 * 修复一些细节样式错误；补充 css 变量的文档 * 修复几个脚本发现的错误 * 完善一下注释 * 修复一些样式不一致问题 * 修复可能存在的 css xss * 恢复 font-variant 功能 * 修复绝大部分 @if 相关的问题 * 恢复之前的注释 * 修复小错误，并将所有 background-color 改成 background，这样就能设置渐变色 * 修复 button group 在 cxd 下不一致问题 * 缩小查看配置和复制配置的宽度，留出更多空间 * 修复一些潜在的错误 * 恢复 utilities 中 label 背景色的设置 * 修复错误的 css 变量 * 补充 IE11 Variables Polyfill
2020-12-21 10:08:40 +08:00
color: var(--icon-color);
fix:amis 4.0样式对齐 checkbox&select等组件 (#4878) * fix:amis 4.0样式对齐 checkbox&select等组件 * style:修复checkbox勾选框hover上去出现小圆点 Co-authored-by: xujiahao01 <xujiahao01@baidu.com>
2022-07-26 17:21:43 +08:00
margin-top: px2rem(2px);
input-box 单独移出来
2020-05-14 17:06:42 +08:00
}
> a {
cursor: pointer;
}
feat: 添加 json-schema 渲染器 (#4269) * feat: 添加 json-schema 渲染器 * draft: 组件层添加 form 逻辑 * 补充组件form相关逻辑 * json-schema-editor 组件内部实现调整 * 添加 json-schema 渲染器 * 补充外部 value 变化更新成员的逻辑 * 补充外部 value 变化更新成员的逻辑 * 优化 json-schema 交互 * 修改 snapshot * 可能死循环 * 补充文档 * 优化逻辑 * 具备远程获取能力 * 固定值优化
2022-05-10 23:35:56 +08:00
&-caret {
transition: transform var(--animation-duration) ease-out;
margin: 5px;
display: flex;
color: var(--Form-select-caret-iconColor);
&:hover {
color: var(--Form-select-caret-onHover-iconColor);
}
> svg {
width: px2rem(10px);
height: px2rem(10px);
top: 0;
}
}
&.is-active &-caret {
transform: rotate(180deg);
}
暂存表单修改
2023-04-24 18:19:32 +08:00
&.is-mobile {
border: none;
border-radius: 0;
border-bottom: var(--Form-input-borderWidth) solid
var(--Form-input-borderColor);
&.is-error,
.is-error > & {
border-bottom-color: var(--Form-input-onError-borderColor);
}
&.is-focused {
border-bottom-color: var(--Form-input-onFocused-borderColor);
}
&.is-error.is-focused {
border-bottom-color: var(--Form-input-onError-borderColor);
}
&.is-disabled {
border-bottom-color: var(--Form-input-onDisabled-borderColor);
}
}
input-box 单独移出来
2020-05-14 17:06:42 +08:00
}
Reference in New Issue Copy Permalink