Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
知鸟1号
tabler
提交
dbdb81ac
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,发现更多精彩内容 >>
提交
dbdb81ac
编写于
3月 30, 2020
作者:
C
codecalm
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
input-group-prepend/append fix
上级
4a3a2fa7
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
39 addition
and
77 deletion
+39
-77
pages/_includes/cards/profile-timeline.html
pages/_includes/cards/profile-timeline.html
+1
-3
pages/_includes/forms/form-elements-1.html
pages/_includes/forms/form-elements-1.html
+8
-14
pages/_includes/ui/form/input-group.html
pages/_includes/ui/form/input-group.html
+25
-33
scss/ui/_forms.scss
scss/ui/_forms.scss
+5
-27
未找到文件。
pages/_includes/cards/profile-timeline.html
浏览文件 @
dbdb81ac
...
...
@@ -2,9 +2,7 @@
<div
class=
"card-header"
>
<div
class=
"input-group"
>
<input
type=
"text"
class=
"form-control"
placeholder=
"Message"
>
<div
class=
"input-group-append"
>
{% include ui/button.html icon="camera" icon-only=true color="secondary" %}
</div>
{% include ui/button.html icon="camera" icon-only=true color="secondary" %}
</div>
</div>
<ul
class=
"list-group card-list-group"
>
...
...
pages/_includes/forms/form-elements-1.html
浏览文件 @
dbdb81ac
...
...
@@ -28,17 +28,13 @@
<label
class=
"form-label"
>
Input group
</label>
<div
class=
"input-group mb-2"
>
<input
type=
"text"
class=
"form-control"
placeholder=
"Search for…"
>
<span
class=
"input-group-append"
>
<button
class=
"btn btn-secondary"
type=
"button"
>
Go!
</button>
</span>
<button
class=
"btn btn-secondary"
type=
"button"
>
Go!
</button>
</div>
<div
class=
"input-group"
>
<div
class=
"input-group-prepend"
>
<button
type=
"button"
class=
"btn btn-secondary dropdown-toggle"
data-toggle=
"dropdown"
aria-haspopup=
"true"
aria-expanded=
"false"
>
Action
</button>
{% include ui/dropdown-menu.html %}
</div>
<button
type=
"button"
class=
"btn btn-secondary dropdown-toggle"
data-toggle=
"dropdown"
aria-haspopup=
"true"
aria-expanded=
"false"
>
Action
</button>
{% include ui/dropdown-menu.html %}
<input
type=
"text"
class=
"form-control"
aria-label=
"Text input with dropdown button"
>
</div>
</div>
...
...
@@ -46,11 +42,9 @@
<label
class=
"form-label"
>
Input group buttons
</label>
<div
class=
"input-group"
>
<input
type=
"text"
class=
"form-control"
>
<div
class=
"input-group-append"
>
<button
type=
"button"
class=
"btn btn-secondary"
>
Action
</button>
<button
data-toggle=
"dropdown"
type=
"button"
class=
"btn btn-secondary dropdown-toggle dropdown-toggle-split"
></button>
{% include ui/dropdown-menu.html right=true %}
</div>
<button
type=
"button"
class=
"btn btn-secondary"
>
Action
</button>
<button
data-toggle=
"dropdown"
type=
"button"
class=
"btn btn-secondary dropdown-toggle dropdown-toggle-split"
></button>
{% include ui/dropdown-menu.html right=true %}
</div>
</div>
...
...
pages/_includes/ui/form/input-group.html
浏览文件 @
dbdb81ac
<div
class=
"input-group{% if include.flat %} input-group-flat{% endif %}{% if include.class %} {{ include.class }}{% endif %}"
>
{% if include.prepend %}
<div
class=
"input-group-prepend"
>
<span
class=
"input-group-text"
>
{% if include.prepend == "checkbox" or include.prepend == "radio" %}
<input
class=
"form-check-input m-0"
type=
"{{ include.prepend }}"
checked
>
{% else %}
{{ include.prepend }}
{% endif %}
</span>
</div>
<span
class=
"input-group-text"
>
{% if include.prepend == "checkbox" or include.prepend == "radio" %}
<input
class=
"form-check-input m-0"
type=
"{{ include.prepend }}"
checked
>
{% else %}
{{ include.prepend }}
{% endif %}
</span>
{% endif %}
<input
type=
"{{ include.type | default: 'text' }}"
class=
"form-control{% if include.input-class %} {{ include.input-class }}{% endif %}"
{%
if
include.placeholder
%}
placeholder=
"{{ include.placeholder }}"
{%
endif
%}{%
if
include.value
%}
value=
"{{ include.value }}"
{%
endif
%}
>
{% if include.append %}
<div
class=
"input-group-append"
>
<span
class=
"input-group-text"
>
{% if include.append == "checkbox" or include.append == "radio" %}
<input
class=
"form-check-input m-0"
type=
"{{ include.append }}"
checked
>
{% else %}
{{ include.append }}
{% endif %}
</span>
</div>
<span
class=
"input-group-text"
>
{% if include.append == "checkbox" or include.append == "radio" %}
<input
class=
"form-check-input m-0"
type=
"{{ include.append }}"
checked
>
{% else %}
{{ include.append }}
{% endif %}
</span>
{% endif %}
{% if include.append-link %}
<div
class=
"input-group-append"
>
<span
class=
"input-group-text"
>
<a
href=
"#"
class=
"input-group-link"
>
{{ include.append-link }}
</a>
</span>
</div>
<span
class=
"input-group-text"
>
<a
href=
"#"
class=
"input-group-link"
>
{{ include.append-link }}
</a>
</span>
{% endif %}
{% if include.append-button %}
{% assign buttons = include.append-button | split: ',' %}
<div
class=
"input-group-append"
>
<span
class=
"input-group-text"
>
{% for button in buttons %}
{% assign b = button | split: ':' %}
{% assign icon = b[0] %}
{% assign description = b[1] %}
<span
class=
"input-group-text"
>
{% for button in buttons %}
{% assign b = button | split: ':' %}
{% assign icon = b[0] %}
{% assign description = b[1] %}
<a
href=
"#"
class=
"link-secondary{% unless forloop.first %} ml-2{% endunless %}{% if forloop.index == 3 %} disabled{% endif %}"
title=
"{{ description }}"
data-toggle=
"tooltip"
>
{% include ui/icon.html icon=icon %}
</a>
{% endfor %}
</span>
</div>
<a
href=
"#"
class=
"link-secondary{% unless forloop.first %} ml-2{% endunless %}{% if forloop.index == 3 %} disabled{% endif %}"
title=
"{{ description }}"
data-toggle=
"tooltip"
>
{% include ui/icon.html icon=icon %}
</a>
{% endfor %}
</span>
{% endif %}
</div>
scss/ui/_forms.scss
浏览文件 @
dbdb81ac
...
...
@@ -166,14 +166,6 @@ Form switch
/**
Input group
*/
.input-group-prepend
.input-group-text
{
border-right
:
0
;
}
.input-group-append
.input-group-text
{
border-left
:
0
;
}
.input-group-link
{
font-size
:
$h5-font-size
;
}
...
...
@@ -204,32 +196,18 @@ Input group
}
}
.input-group-prepend
{
margin-right
:
0
;
border-right
:
0
;
background
:
$form-check-input-bg
;
.input-group-text
{
background
:
transparent
;
transition
:
$input-transition
;
.input-group-text
{
&
:first-child
{
padding-right
:
0
;
}
}
.input-group-append
{
margin-left
:
0
;
&
:not
(
:last-child
)
.input-group-text
{
border-right
:
0
;
}
.input-group-text
{
&
:last-child
{
padding-left
:
0
;
}
}
.input-group-text
{
background
:
transparent
;
transition
:
$input-transition
;
}
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录