Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
知鸟1号
tabler
提交
42ef0f6b
T
tabler
项目概览
知鸟1号
/
tabler
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
T
tabler
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
42ef0f6b
编写于
1月 24, 2020
作者:
C
codecalm
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
loader inputs
上级
bc07c002
变更
8
隐藏空白更改
内联
并排
Showing
8 changed file
with
35 addition
and
16 deletion
+35
-16
pages/_includes/forms/form-elements-3.html
pages/_includes/forms/form-elements-3.html
+2
-4
pages/_includes/forms/form-elements-4.html
pages/_includes/forms/form-elements-4.html
+1
-0
pages/_includes/parts/input-icon.html
pages/_includes/parts/input-icon.html
+7
-1
pages/_includes/ui/form/input-icon.html
pages/_includes/ui/form/input-icon.html
+10
-4
pages/_includes/ui/spinner.html
pages/_includes/ui/spinner.html
+1
-3
scss/_variables.scss
scss/_variables.scss
+5
-3
scss/ui/_forms.scss
scss/ui/_forms.scss
+9
-0
scss/ui/forms/_validation.scss
scss/ui/forms/_validation.scss
+0
-1
未找到文件。
pages/_includes/forms/form-elements-3.html
浏览文件 @
42ef0f6b
...
...
@@ -2,7 +2,6 @@
{% include parts/input-color.html %}
{% include parts/input-colorpicker.html %}
<div
class=
"mb-3"
>
<label
class=
"form-label"
>
Validation States
</label>
<input
type=
"text"
class=
"form-control is-valid mb-3"
placeholder=
"Valid State.."
>
...
...
@@ -11,8 +10,7 @@
</div>
<div
class=
"mb-3"
>
<label
class=
"form-label"
>
Lit
e validation States
</label>
<label
class=
"form-label"
>
Subtl
e validation States
</label>
<input
type=
"text"
class=
"form-control is-valid is-valid-lite mb-3"
placeholder=
"Valid State.."
>
<input
type=
"text"
class=
"form-control is-invalid is-invalid-lite"
placeholder=
"Invalid State.."
>
<div
class=
"invalid-feedback"
>
Invalid feedback
</div>
</div>
</div>
\ No newline at end of file
pages/_includes/forms/form-elements-4.html
浏览文件 @
42ef0f6b
<label
class=
"form-label"
>
Form fieldset
</label>
{% include parts/form-fieldset.html %}
{% include parts/input-selectgroups.html %}
...
...
pages/_includes/parts/input-icon.html
浏览文件 @
42ef0f6b
<div
class=
"mb-3"
>
<label
class=
"form-label"
>
Icon input
</label>
{% include ui/form/input-icon.html class="mb-3" %}
{% include ui/form/input-icon.html class="mb-3" prepend=true placeholder="Username" %}
{% include ui/form/input-icon.html class="mb-3"
icon="user"
prepend=true placeholder="Username" %}
</div>
<div
class=
"mb-3"
>
<label
class=
"form-label"
>
Loader input
</label>
{% include ui/form/input-icon.html loader=true class="mb-3" %}
{% include ui/form/input-icon.html loader=true class="mb-3" icon="user" prepend=true placeholder="Username" %}
</div>
\ No newline at end of file
pages/_includes/ui/form/input-icon.html
浏览文件 @
42ef0f6b
{% assign icon = include.icon | default: 'search' %}
{% capture addon %}
<span
class=
"input-icon-addon"
>
{% include ui/icon.html icon=icon %}
</span>
{% if include.loader %}
<span
class=
"input-icon-addon"
>
{% include ui/spinner.html class="text-muted" size="sm" %}
</span>
{% else %}
{% assign icon = include.icon | default: 'search' %}
<span
class=
"input-icon-addon"
>
{% include ui/icon.html icon=icon %}
</span>
{% endif %}
{% endcapture %}
<div
class=
"input-icon{% if include.class %} {{ include.class }}{% endif %}"
>
...
...
pages/_includes/ui/spinner.html
浏览文件 @
42ef0f6b
{% assign elem = include.element | default: 'div' %}
<
{{
elem
}}
class=
"spinner-{{ include.type | default: 'border' }}{% if include.color %} text-{{ include.color }}{% endif %}{% if include['size'] %} spinner-{{ include.type | default: 'border' }}-{{ include['size'] }}{% endif %}{% if include.class %} {{ include.class }}{% endif %}"
role=
"status"
>
<span
class=
"sr-only"
>
loading
…
</span>
</
{{
elem
}}
>
<
{{
elem
}}
class=
"spinner-{{ include.type | default: 'border' }}{% if include.color %} text-{{ include.color }}{% endif %}{% if include['size'] %} spinner-{{ include.type | default: 'border' }}-{{ include['size'] }}{% endif %}{% if include.class %} {{ include.class }}{% endif %}"
role=
"status"
></
{{
elem
}}
>
scss/_variables.scss
浏览文件 @
42ef0f6b
...
...
@@ -51,8 +51,8 @@ $white: #ffffff !default;
$body-bg
:
$light
!
default
;
$body-color
:
$dark
!
default
;
$text-muted
:
mix
(
$body-color
,
#fff
,
70
%
)
!
default
;
$border-color
:
rgba
(
mix
(
$body-color
,
#fff
,
70
%
)
,
.24
)
!
default
;
$text-muted
:
mix
(
$body-color
,
#fff
,
64
%
)
!
default
;
$border-color
:
rgba
(
mix
(
$body-color
,
#fff
,
64
%
)
,
.24
)
!
default
;
$hover-bg
:
$light-white
!
default
;
$active-bg
:
rgba
(
$blue
,
.06
)
!
default
;
...
...
@@ -344,8 +344,10 @@ $steps-color-inactive: #f3f5f5 !default;
//spinner
$spinner-width
:
1
.5rem
!
default
;
$spinner-height
:
1
.5rem
!
default
;
$spinner-width-sm
:
1rem
!
default
;
$spinner-height-sm
:
1rem
!
default
;
$spinner-border-width
:
2px
!
default
;
$spinner-border-width-sm
:
2
px
!
default
;
$spinner-border-width-sm
:
1
px
!
default
;
//tables
$table-head-border-color
:
$border-color
!
default
;
...
...
scss/ui/_forms.scss
浏览文件 @
42ef0f6b
...
...
@@ -177,3 +177,12 @@ Input group
transition
:
$input-transition
;
}
}
/**
Upload files
*/
.form-file-button
{
margin-left
:
0
;
border-left
:
0
;
}
\ No newline at end of file
scss/ui/forms/_validation.scss
浏览文件 @
42ef0f6b
%validation-lite
{
border-color
:
$border-color
;
}
@each
$state
,
$data
in
$form-validation-states
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录