From 1f5a43fb88344de7e06f9267a134aa2836e22526 Mon Sep 17 00:00:00 2001 From: huyueb <1062887235@qq.com> Date: Mon, 6 Nov 2017 16:13:09 +0800 Subject: [PATCH] =?UTF-8?q?fix(table.scss):=20=E4=BF=AE=E6=94=B9demo?= =?UTF-8?q?=E4=B8=AD=E6=B6=89=E5=8F=8A=E5=88=B0=E7=BB=84=E4=BB=B6=E7=9A=84?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=BD=AC=E7=A7=BB=E5=88=B0=E7=BB=84=E4=BB=B6?= =?UTF-8?q?=E4=B8=AD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- demo/TableDemo.scss | 115 -------------------------------------------- src/Table.scss | 115 ++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 115 insertions(+), 115 deletions(-) diff --git a/demo/TableDemo.scss b/demo/TableDemo.scss index 099beed..3fa24a1 100644 --- a/demo/TableDemo.scss +++ b/demo/TableDemo.scss @@ -15,118 +15,3 @@ //引入日期控件样式文件 @import "../node_modules/bee-datepicker/src/datepicker.scss"; - -.editable-cell { - position: relative; -} - -.editable-cell-input-wrapper, -.editable-cell-text-wrapper { - padding-right: 24px; -} - -.editable-cell-text-wrapper { - padding: 5px 24px 5px 5px; - height: 30px; -} - -.editable-cell-icon, -.editable-cell-icon-check { - position: absolute; - top: 0; - right: 0; - width: 20px; - cursor: pointer; -} - -.editable-cell-icon { - line-height: 28px; - display: none; -} - -.editable-cell-icon-check { - line-height: 28px; -} - -.editable-cell:hover .editable-cell-icon { - display: inline-block; -} - -.editable-cell-icon:hover, -.editable-cell-icon-check:hover { - color: #2db7f5; -} - -.editable-add-btn { - margin-bottom: 8px; -} - -.search-component { - margin-bottom: 20px; - .empty-search { - position: absolute; - right: 45px; - z-index: 20; - top: 5px; - color: #524e4e; - cursor: pointer; - } - &.u-input-group.simple { - float: right; - } - &.u-input-group.simple .u-form-control { - width: 251px; - background: #f5f5f5; - border-color: #f5f5f5; - border-radius: 20px; - } - &.u-input-group.simple .u-input-group-btn { - top: 3px; - right: 20px; - position: absolute; - } -} - -.bee-table-column-sorter { - position: relative; - margin-left: 4px; - display: inline-block; - width: 14px; - height: 1em; - vertical-align: middle; - text-align: center; - & > .bee-table-column-sorter-down, - & > .bee-table-column-sorter-up { - line-height: 6px; - display: block; - width: 14px; - cursor: pointer; - } -} -.bee-table-column-sorter-down.on .uf-triangle-down, -.bee-table-column-sorter-down.on .uf-triangle-up, -.bee-table-column-sorter-up.on .uf-triangle-down, -.bee-table-column-sorter-up.on .uf-triangle-up { - color: #108ee9; -} -.bee-table-column-sorter .uf-triangle-down, .bee-table-column-sorter .uf-triangle-up { - -webkit-filter: none; - filter: none; - font-size: 12px; -} -.bee-table-column-sorter .uf-triangle-down, .bee-table-column-sorter .uf-triangle-up { - display: inline-block; - padding: 0; - font-size: 12px; - font-size: 8px\9; - -webkit-transform: scale(.66666667) rotate(0deg); - -ms-transform: scale(.66666667) rotate(0deg); - transform: scale(.66666667) rotate(0deg); - -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)"; - zoom: 1; - line-height: 4px; - height: 4px; - color: #999; - -webkit-transition: all .3s; - transition: all .3s; -} \ No newline at end of file diff --git a/src/Table.scss b/src/Table.scss index bffd001..7c06a9b 100644 --- a/src/Table.scss +++ b/src/Table.scss @@ -319,3 +319,118 @@ $table-move-in-color: $bg-color-base; top: 3px; right: 0; } + +.editable-cell { + position: relative; +} + +.editable-cell-input-wrapper, +.editable-cell-text-wrapper { + padding-right: 24px; +} + +.editable-cell-text-wrapper { + padding: 5px 24px 5px 5px; + height: 30px; +} + +.editable-cell-icon, +.editable-cell-icon-check { + position: absolute; + top: 0; + right: 0; + width: 20px; + cursor: pointer; +} + +.editable-cell-icon { + line-height: 28px; + display: none; +} + +.editable-cell-icon-check { + line-height: 28px; +} + +.editable-cell:hover .editable-cell-icon { + display: inline-block; +} + +.editable-cell-icon:hover, +.editable-cell-icon-check:hover { + color: #2db7f5; +} + +.editable-add-btn { + margin-bottom: 8px; +} + +.search-component { + margin-bottom: 20px; + .empty-search { + position: absolute; + right: 45px; + z-index: 20; + top: 5px; + color: #524e4e; + cursor: pointer; + } + &.u-input-group.simple { + float: right; + } + &.u-input-group.simple .u-form-control { + width: 251px; + background: #f5f5f5; + border-color: #f5f5f5; + border-radius: 20px; + } + &.u-input-group.simple .u-input-group-btn { + top: 3px; + right: 20px; + position: absolute; + } +} + +.bee-table-column-sorter { + position: relative; + margin-left: 4px; + display: inline-block; + width: 14px; + height: 1em; + vertical-align: middle; + text-align: center; + & > .bee-table-column-sorter-down, + & > .bee-table-column-sorter-up { + line-height: 6px; + display: block; + width: 14px; + cursor: pointer; + } +} +.bee-table-column-sorter-down.on .uf-triangle-down, +.bee-table-column-sorter-down.on .uf-triangle-up, +.bee-table-column-sorter-up.on .uf-triangle-down, +.bee-table-column-sorter-up.on .uf-triangle-up { + color: #108ee9; +} +.bee-table-column-sorter .uf-triangle-down, .bee-table-column-sorter .uf-triangle-up { + -webkit-filter: none; + filter: none; + font-size: 12px; +} +.bee-table-column-sorter .uf-triangle-down, .bee-table-column-sorter .uf-triangle-up { + display: inline-block; + padding: 0; + font-size: 12px; + font-size: 8px\9; + -webkit-transform: scale(.66666667) rotate(0deg); + -ms-transform: scale(.66666667) rotate(0deg); + transform: scale(.66666667) rotate(0deg); + -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)"; + zoom: 1; + line-height: 4px; + height: 4px; + color: #999; + -webkit-transition: all .3s; + transition: all .3s; +} \ No newline at end of file