Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
Dashboards
Tabler
提交
695ad785
T
Tabler
项目概览
Dashboards
/
Tabler
大约 1 年 前同步成功
通知
0
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
T
Tabler
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
695ad785
编写于
1月 23, 2021
作者:
C
codecalm
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
interactions docs
上级
7a69e8f6
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
32 addition
and
2 deletion
+32
-2
src/pages/_data/docs.yml
src/pages/_data/docs.yml
+4
-0
src/pages/_docs/interactions.md
src/pages/_docs/interactions.md
+26
-0
src/pages/_layouts/docs.html
src/pages/_layouts/docs.html
+2
-2
未找到文件。
src/pages/_data/docs.yml
浏览文件 @
695ad785
...
@@ -117,6 +117,10 @@ utils:
...
@@ -117,6 +117,10 @@ utils:
title
:
Cursors
title
:
Cursors
url
:
docs/cursors.html
url
:
docs/cursors.html
interactions
:
title
:
Interactions
url
:
docs/interactions.html
plugins
:
plugins
:
title
:
Plugins
title
:
Plugins
icon
:
apps
icon
:
apps
...
...
src/pages/_docs/interactions.md
0 → 100644
浏览文件 @
695ad785
---
title
:
Interactions
description
:
Utility classes that change how users interact with contents of a website.
menu
:
docs.utils.interactions
---
## Text selection
Change the way in which the content is selected when the user interacts with it.
{% capture code %}
<p
class=
"user-select-all"
>
This paragraph will be entirely selected when clicked by the user.
</p>
<p
class=
"user-select-auto"
>
This paragraph has default select behavior.
</p>
<p
class=
"user-select-none"
>
This paragraph will not be selectable when clicked by the user.
</p>
{% endcapture %}
{% include example.html code=code %}
## Pointer events
Tabler provides .pe-none and .pe-auto classes to prevent or add element interactions.
{% capture code %}
<p><a
href=
"#"
class=
"pe-none"
tabindex=
"-1"
aria-disabled=
"true"
>
This link
</a>
can not be clicked.
</p>
<p><a
href=
"#"
class=
"pe-auto"
>
This link
</a>
can be clicked (this is default behavior).
</p>
{% endcapture %}
{% include example.html code=code %}
\ No newline at end of file
src/pages/_layouts/docs.html
浏览文件 @
695ad785
...
@@ -16,8 +16,8 @@ page-header: Documentation
...
@@ -16,8 +16,8 @@ page-header: Documentation
<div
class=
"card-body"
>
<div
class=
"card-body"
>
<div
class=
"markdown"
>
<div
class=
"markdown"
>
<div>
<div>
<div
class=
"d-flex mb-
4
"
>
<div
class=
"d-flex mb-
3
"
>
<h1
class=
"m
t
-0"
>
{{ page.title }}
</h1>
<h1
class=
"m-0"
>
{{ page.title }}
</h1>
{% if page.bootstrap-link %}
{% if page.bootstrap-link %}
<p
class=
"ms-auto"
>
<p
class=
"ms-auto"
>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录