theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🌀(component): 使用 flex 优化 table tool 布局

Browse Source
This commit is contained in:
就眠儀式 2022-09-04 03:20:57 +08:00
parent f5bfb177eb
commit dbd1090b1b
1 changed files with 5 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
package/component/src/component/table/index.less
View File

@ -202,6 +202,10 @@
margin-bottom: -1px; margin-bottom: -1px;
} }
.layui-table-tool .layui-table-tool-temp {
flex: auto;
}
.layui-table-tool .layui-inline[lay-event] { .layui-table-tool .layui-inline[lay-event] {
position: relative; position: relative;
width: 26px; width: 26px;
@ -222,16 +226,6 @@
border: 1px solid #999; border: 1px solid #999;
} }
.layui-table-tool-temp {
padding-right: 120px;
}
.layui-table-tool-self {
position: absolute;
right: 17px;
top: 10px;
}
.layui-table-tool .layui-table-tool-self .layui-inline[lay-event] { .layui-table-tool .layui-table-tool-self .layui-inline[lay-event] {
margin: 0 0 0 10px; margin: 0 0 0 10px;
} }
@ -481,6 +475,7 @@
.layui-table-tool { .layui-table-tool {
position: relative; position: relative;
display: flex;
z-index: 890; z-index: 890;
width: 100%; width: 100%;
min-height: 50px; min-height: 50px;