From 83e23c45fc4d68202d17fd4750e912602f3beff6 Mon Sep 17 00:00:00 2001 From: imp Date: Thu, 7 Sep 2017 21:32:08 +0800 Subject: [PATCH] less and css --- bi/widget.css | 69 ++++++ dist/bundle.css | 69 ++++++ dist/demo.js | 216 +++++++++--------- dist/widget.css | 69 ++++++ src/css/widget/multidate/multidate.combo.css | 5 + src/css/widget/multidate/multidate.day.css | 3 + src/css/widget/multidate/multidate.month.css | 3 + src/css/widget/multidate/multidate.popup.css | 16 ++ .../widget/multidate/multidate.quarter.css | 3 + .../widget/multidate/multidate.segment.css | 3 + src/css/widget/multidate/multidate.week.css | 3 + src/css/widget/multidate/multidate.year.css | 3 + src/css/widget/singleslider/singleslider.css | 3 + .../singleslider/slider/widget.slider.css | 9 + .../singleslider/track/widget.track.css | 12 + src/css/widget/timeinterval/timeinterval.css | 6 + .../widget/multidate/multidate.combo.less | 5 + src/less/widget/multidate/multidate.day.less | 6 + .../widget/multidate/multidate.month.less | 6 + .../widget/multidate/multidate.popup.less | 23 ++ .../widget/multidate/multidate.quarter.less | 6 + .../widget/multidate/multidate.segment.less | 9 + src/less/widget/multidate/multidate.week.less | 6 + src/less/widget/multidate/multidate.year.less | 6 + .../widget/singleslider/singleslider.less | 6 + .../singleslider/slider/widget.slider.less | 8 + .../singleslider/track/widget.track.less | 11 + .../widget/timeinterval/timeinterval.less | 10 + 28 files changed, 486 insertions(+), 108 deletions(-) create mode 100644 src/css/widget/multidate/multidate.combo.css create mode 100644 src/css/widget/multidate/multidate.day.css create mode 100644 src/css/widget/multidate/multidate.month.css create mode 100644 src/css/widget/multidate/multidate.popup.css create mode 100644 src/css/widget/multidate/multidate.quarter.css create mode 100644 src/css/widget/multidate/multidate.segment.css create mode 100644 src/css/widget/multidate/multidate.week.css create mode 100644 src/css/widget/multidate/multidate.year.css create mode 100644 src/css/widget/singleslider/singleslider.css create mode 100644 src/css/widget/singleslider/slider/widget.slider.css create mode 100644 src/css/widget/singleslider/track/widget.track.css create mode 100644 src/css/widget/timeinterval/timeinterval.css create mode 100644 src/less/widget/multidate/multidate.combo.less create mode 100644 src/less/widget/multidate/multidate.day.less create mode 100644 src/less/widget/multidate/multidate.month.less create mode 100644 src/less/widget/multidate/multidate.popup.less create mode 100644 src/less/widget/multidate/multidate.quarter.less create mode 100644 src/less/widget/multidate/multidate.segment.less create mode 100644 src/less/widget/multidate/multidate.week.less create mode 100644 src/less/widget/multidate/multidate.year.less create mode 100644 src/less/widget/singleslider/singleslider.less create mode 100644 src/less/widget/singleslider/slider/widget.slider.less create mode 100644 src/less/widget/singleslider/track/widget.track.less create mode 100644 src/less/widget/timeinterval/timeinterval.less diff --git a/bi/widget.css b/bi/widget.css index 5b9eb7e910..08bf6b8b81 100644 --- a/bi/widget.css +++ b/bi/widget.css @@ -171,6 +171,45 @@ -moz-border-radius: 2px; border-radius: 2px; } +.bi-multidate-combo { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multidate-popup .bi-multidate-popup-label { + color: #3f8ce8; + font-size: 14px; +} +.bi-multidate-popup .bi-multidate-popup-item:active, +.bi-multidate-popup .bi-multidate-popup-item.active { + background-color: #3f8ce8; + color: #ffffff; + -webkit-border-radius: 2px 2px 0 0; + -moz-border-radius: 2px 2px 0 0; + border-radius: 2px 2px 0 0; +} +.bi-multidate-popup .bi-multidate-popup-button { + color: #3f8ce8; + font-size: 14px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multidate-segment .bi-multidate-editor { + font-size: 14px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ .bi-multi-select-check-pane .multi-select-check-selected { text-decoration: underline; } @@ -390,6 +429,30 @@ box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ } +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-single-slider-slider .slider-button { + cursor: url('${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/cursor/cursor_drag_slider.cur'), auto; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + border-radius: 7px; +} +.bi-slider-track .gray-track { + background-color: rgba(153, 153, 153, 0.3); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d999999,endColorstr=#4d999999); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.bi-slider-track .blue-track { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ .bi-slider .bi-slider-track { @@ -399,6 +462,12 @@ -moz-border-radius: 3px; border-radius: 3px; } +.bi-param-time-interval.time-error .bi-input { + color: #e85050; +} +.bi-param-time-interval.time-error .sign-editor-text { + color: #e85050; +} /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ .bi-year-popup .year-popup-navigation { diff --git a/dist/bundle.css b/dist/bundle.css index 236f703ba4..29483fb23c 100644 --- a/dist/bundle.css +++ b/dist/bundle.css @@ -2940,6 +2940,45 @@ li.CodeMirror-hint-active { -moz-border-radius: 2px; border-radius: 2px; } +.bi-multidate-combo { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multidate-popup .bi-multidate-popup-label { + color: #3f8ce8; + font-size: 14px; +} +.bi-multidate-popup .bi-multidate-popup-item:active, +.bi-multidate-popup .bi-multidate-popup-item.active { + background-color: #3f8ce8; + color: #ffffff; + -webkit-border-radius: 2px 2px 0 0; + -moz-border-radius: 2px 2px 0 0; + border-radius: 2px 2px 0 0; +} +.bi-multidate-popup .bi-multidate-popup-button { + color: #3f8ce8; + font-size: 14px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multidate-segment .bi-multidate-editor { + font-size: 14px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ .bi-multi-select-check-pane .multi-select-check-selected { text-decoration: underline; } @@ -3159,6 +3198,30 @@ li.CodeMirror-hint-active { box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ } +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-single-slider-slider .slider-button { + cursor: url('${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/cursor/cursor_drag_slider.cur'), auto; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + border-radius: 7px; +} +.bi-slider-track .gray-track { + background-color: rgba(153, 153, 153, 0.3); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d999999,endColorstr=#4d999999); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.bi-slider-track .blue-track { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ .bi-slider .bi-slider-track { @@ -3168,6 +3231,12 @@ li.CodeMirror-hint-active { -moz-border-radius: 3px; border-radius: 3px; } +.bi-param-time-interval.time-error .bi-input { + color: #e85050; +} +.bi-param-time-interval.time-error .sign-editor-text { + color: #e85050; +} /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ .bi-year-popup .year-popup-navigation { diff --git a/dist/demo.js b/dist/demo.js index 866d02553d..3b9ca6b4e3 100644 --- a/dist/demo.js +++ b/dist/demo.js @@ -4487,7 +4487,41 @@ Demo.BorderLayout = BI.inherit(BI.Widget, { } } }); -BI.shortcut("demo.border", Demo.BorderLayout);Demo.CenterAdapt = BI.inherit(BI.Widget, { +BI.shortcut("demo.border", Demo.BorderLayout);/** + * Created by User on 2017/3/22. + */ +Demo.CenterLayout = BI.inherit(BI.Widget, { + props: { + baseCls: "demo-center" + }, + render: function () { + return { + type: "bi.center", + items: [{ + type: "bi.label", + text: "Center 1，这里虽然设置label的高度30，但是最终影响高度的是center布局", + cls: "layout-bg1", + whiteSpace: "normal" + },{ + type: "bi.label", + text: "Center 2，为了演示label是占满整个的，用了一个whiteSpace:normal", + cls: "layout-bg2", + whiteSpace: "normal" + },{ + type: "bi.label", + text: "Center 3", + cls: "layout-bg3" + },{ + type: "bi.label", + text: "Center 4", + cls: "layout-bg5" + }], + hgap: 20, + vgap: 20 + } + } +}); +BI.shortcut("demo.center_layout", Demo.CenterLayout);Demo.CenterAdapt = BI.inherit(BI.Widget, { props: { baseCls: "demo-absolute" }, @@ -4570,40 +4604,6 @@ BI.shortcut("demo.border", Demo.BorderLayout);Demo.CenterAdapt = BI.inherit(BI.W BI.shortcut("demo.center_adapt", Demo.CenterAdapt);/** * Created by User on 2017/3/22. */ -Demo.CenterLayout = BI.inherit(BI.Widget, { - props: { - baseCls: "demo-center" - }, - render: function () { - return { - type: "bi.center", - items: [{ - type: "bi.label", - text: "Center 1，这里虽然设置label的高度30，但是最终影响高度的是center布局", - cls: "layout-bg1", - whiteSpace: "normal" - },{ - type: "bi.label", - text: "Center 2，为了演示label是占满整个的，用了一个whiteSpace:normal", - cls: "layout-bg2", - whiteSpace: "normal" - },{ - type: "bi.label", - text: "Center 3", - cls: "layout-bg3" - },{ - type: "bi.label", - text: "Center 4", - cls: "layout-bg5" - }], - hgap: 20, - vgap: 20 - } - } -}); -BI.shortcut("demo.center_layout", Demo.CenterLayout);/** - * Created by User on 2017/3/22. - */ Demo.FloatCenterLayout = BI.inherit(BI.Widget, { props: { baseCls: "demo-float-center" @@ -4848,6 +4848,55 @@ Demo.GridLayout = BI.inherit(BI.Widget, { } }); BI.shortcut("demo.grid", Demo.GridLayout);/** + * Created by User on 2017/3/21. + */ +Demo.Horizontal = BI.inherit(BI.Widget, { + props: { + baseCls: "demo-horizontal" + }, + render: function () { + return { + type: "bi.vertical", + items: [{ + type: "bi.horizontal", + items: [{ + type: "bi.absolute", + items: [{ + el: { + type: "bi.text_button", + cls: "layout-bg1", + text: "这里设置了lgap(左边距)，rgap(右边距)，tgap(上边距)，bgap(下边距)这里设置了lgap(左边距)，rgap(右边距)，tgap(上边距)，bgap(下边距)", + height: 30 + }, + left: 0, + right: 0 + }], + width: 100, + height: 30 + }, { + type: "bi.absolute", + items: [{ + el: { + type: "bi.text_button", + cls: "layout-bg2", + text: "这里设置了lgap(左边距)，rgap(右边距)，tgap(上边距)，bgap(下边距)这里设置了lgap(左边距)，rgap(右边距)，tgap(上边距)，bgap(下边距)", + height: 30 + }, + left: 0, + right: 0 + }], + width: 200, + height: 30 + }] + }], + lgap: 20, + rgap: 80, + tgap: 80, + bgap: 50 + } + } +}); +BI.shortcut("demo.horizontal", Demo.Horizontal);/** * Created by User on 2017/3/22. */ Demo.HorizontalAdapt = BI.inherit(BI.Widget, { @@ -4964,55 +5013,6 @@ Demo.HorizontalFloat = BI.inherit(BI.Widget, { } }); BI.shortcut("demo.horizontal_float", Demo.HorizontalFloat);/** - * Created by User on 2017/3/21. - */ -Demo.Horizontal = BI.inherit(BI.Widget, { - props: { - baseCls: "demo-horizontal" - }, - render: function () { - return { - type: "bi.vertical", - items: [{ - type: "bi.horizontal", - items: [{ - type: "bi.absolute", - items: [{ - el: { - type: "bi.text_button", - cls: "layout-bg1", - text: "这里设置了lgap(左边距)，rgap(右边距)，tgap(上边距)，bgap(下边距)这里设置了lgap(左边距)，rgap(右边距)，tgap(上边距)，bgap(下边距)", - height: 30 - }, - left: 0, - right: 0 - }], - width: 100, - height: 30 - }, { - type: "bi.absolute", - items: [{ - el: { - type: "bi.text_button", - cls: "layout-bg2", - text: "这里设置了lgap(左边距)，rgap(右边距)，tgap(上边距)，bgap(下边距)这里设置了lgap(左边距)，rgap(右边距)，tgap(上边距)，bgap(下边距)", - height: 30 - }, - left: 0, - right: 0 - }], - width: 200, - height: 30 - }] - }], - lgap: 20, - rgap: 80, - tgap: 80, - bgap: 50 - } - } -}); -BI.shortcut("demo.horizontal", Demo.Horizontal);/** * Created by User on 2017/3/22. */ Demo.HtapeLayout = BI.inherit(BI.Widget, { @@ -5358,6 +5358,30 @@ Demo.TdLayout = BI.inherit(BI.Widget, { } }); BI.shortcut("demo.td", Demo.TdLayout);/** + * Created by User on 2017/3/21. + */ +Demo.VerticalLayout = BI.inherit(BI.Widget, { + props: { + baseCls: "demo-vertical" + }, + render: function () { + return { + type: "bi.vertical", + items: [{ + type: "bi.label", + cls: "layout-bg1", + text: "这里设置了hgap(水平间距)，vgap(垂直间距)", + height: 30 + }, { + type: "bi.label", + cls: "layout-bg2", + text: "这里设置了hgap(水平间距)，vgap(垂直间距)", + height: 30 + }] + } + } +}); +BI.shortcut("demo.vertical", Demo.VerticalLayout);/** * Created by User on 2017/3/22. */ Demo.VerticalAdaptLayout = BI.inherit(BI.Widget, { @@ -5399,30 +5423,6 @@ Demo.VerticalAdaptLayout = BI.inherit(BI.Widget, { } }); BI.shortcut("demo.vertical_adapt", Demo.VerticalAdaptLayout);/** - * Created by User on 2017/3/21. - */ -Demo.VerticalLayout = BI.inherit(BI.Widget, { - props: { - baseCls: "demo-vertical" - }, - render: function () { - return { - type: "bi.vertical", - items: [{ - type: "bi.label", - cls: "layout-bg1", - text: "这里设置了hgap(水平间距)，vgap(垂直间距)", - height: 30 - }, { - type: "bi.label", - cls: "layout-bg2", - text: "这里设置了hgap(水平间距)，vgap(垂直间距)", - height: 30 - }] - } - } -}); -BI.shortcut("demo.vertical", Demo.VerticalLayout);/** * Created by User on 2017/3/22. */ Demo.VtapeLayout = BI.inherit(BI.Widget, { diff --git a/dist/widget.css b/dist/widget.css index 5b9eb7e910..08bf6b8b81 100644 --- a/dist/widget.css +++ b/dist/widget.css @@ -171,6 +171,45 @@ -moz-border-radius: 2px; border-radius: 2px; } +.bi-multidate-combo { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multidate-popup .bi-multidate-popup-label { + color: #3f8ce8; + font-size: 14px; +} +.bi-multidate-popup .bi-multidate-popup-item:active, +.bi-multidate-popup .bi-multidate-popup-item.active { + background-color: #3f8ce8; + color: #ffffff; + -webkit-border-radius: 2px 2px 0 0; + -moz-border-radius: 2px 2px 0 0; + border-radius: 2px 2px 0 0; +} +.bi-multidate-popup .bi-multidate-popup-button { + color: #3f8ce8; + font-size: 14px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multidate-segment .bi-multidate-editor { + font-size: 14px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ .bi-multi-select-check-pane .multi-select-check-selected { text-decoration: underline; } @@ -390,6 +429,30 @@ box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ } +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-single-slider-slider .slider-button { + cursor: url('${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/cursor/cursor_drag_slider.cur'), auto; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + border-radius: 7px; +} +.bi-slider-track .gray-track { + background-color: rgba(153, 153, 153, 0.3); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d999999,endColorstr=#4d999999); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.bi-slider-track .blue-track { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ .bi-slider .bi-slider-track { @@ -399,6 +462,12 @@ -moz-border-radius: 3px; border-radius: 3px; } +.bi-param-time-interval.time-error .bi-input { + color: #e85050; +} +.bi-param-time-interval.time-error .sign-editor-text { + color: #e85050; +} /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ .bi-year-popup .year-popup-navigation { diff --git a/src/css/widget/multidate/multidate.combo.css b/src/css/widget/multidate/multidate.combo.css new file mode 100644 index 0000000000..c98349ffbc --- /dev/null +++ b/src/css/widget/multidate/multidate.combo.css @@ -0,0 +1,5 @@ +.bi-multidate-combo { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} diff --git a/src/css/widget/multidate/multidate.day.css b/src/css/widget/multidate/multidate.day.css new file mode 100644 index 0000000000..2f6491e13f --- /dev/null +++ b/src/css/widget/multidate/multidate.day.css @@ -0,0 +1,3 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/src/css/widget/multidate/multidate.month.css b/src/css/widget/multidate/multidate.month.css new file mode 100644 index 0000000000..2f6491e13f --- /dev/null +++ b/src/css/widget/multidate/multidate.month.css @@ -0,0 +1,3 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/src/css/widget/multidate/multidate.popup.css b/src/css/widget/multidate/multidate.popup.css new file mode 100644 index 0000000000..9c9dd72e54 --- /dev/null +++ b/src/css/widget/multidate/multidate.popup.css @@ -0,0 +1,16 @@ +.bi-multidate-popup .bi-multidate-popup-label { + color: #3f8ce8; + font-size: 14px; +} +.bi-multidate-popup .bi-multidate-popup-item:active, +.bi-multidate-popup .bi-multidate-popup-item.active { + background-color: #3f8ce8; + color: #ffffff; + -webkit-border-radius: 2px 2px 0 0; + -moz-border-radius: 2px 2px 0 0; + border-radius: 2px 2px 0 0; +} +.bi-multidate-popup .bi-multidate-popup-button { + color: #3f8ce8; + font-size: 14px; +} diff --git a/src/css/widget/multidate/multidate.quarter.css b/src/css/widget/multidate/multidate.quarter.css new file mode 100644 index 0000000000..2f6491e13f --- /dev/null +++ b/src/css/widget/multidate/multidate.quarter.css @@ -0,0 +1,3 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/src/css/widget/multidate/multidate.segment.css b/src/css/widget/multidate/multidate.segment.css new file mode 100644 index 0000000000..0b9a434749 --- /dev/null +++ b/src/css/widget/multidate/multidate.segment.css @@ -0,0 +1,3 @@ +.bi-multidate-segment .bi-multidate-editor { + font-size: 14px; +} diff --git a/src/css/widget/multidate/multidate.week.css b/src/css/widget/multidate/multidate.week.css new file mode 100644 index 0000000000..2f6491e13f --- /dev/null +++ b/src/css/widget/multidate/multidate.week.css @@ -0,0 +1,3 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/src/css/widget/multidate/multidate.year.css b/src/css/widget/multidate/multidate.year.css new file mode 100644 index 0000000000..2f6491e13f --- /dev/null +++ b/src/css/widget/multidate/multidate.year.css @@ -0,0 +1,3 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/src/css/widget/singleslider/singleslider.css b/src/css/widget/singleslider/singleslider.css new file mode 100644 index 0000000000..2f6491e13f --- /dev/null +++ b/src/css/widget/singleslider/singleslider.css @@ -0,0 +1,3 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/src/css/widget/singleslider/slider/widget.slider.css b/src/css/widget/singleslider/slider/widget.slider.css new file mode 100644 index 0000000000..fbf8be0903 --- /dev/null +++ b/src/css/widget/singleslider/slider/widget.slider.css @@ -0,0 +1,9 @@ +.bi-single-slider-slider .slider-button { + cursor: url('${remoteServletURL}?op=resource&resource=/com/fr/bi/web/images/1x/cursor/cursor_drag_slider.cur'), auto; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + border-radius: 7px; +} diff --git a/src/css/widget/singleslider/track/widget.track.css b/src/css/widget/singleslider/track/widget.track.css new file mode 100644 index 0000000000..895db146a3 --- /dev/null +++ b/src/css/widget/singleslider/track/widget.track.css @@ -0,0 +1,12 @@ +.bi-slider-track .gray-track { + background-color: rgba(153, 153, 153, 0.3); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d999999,endColorstr=#4d999999); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.bi-slider-track .blue-track { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} diff --git a/src/css/widget/timeinterval/timeinterval.css b/src/css/widget/timeinterval/timeinterval.css new file mode 100644 index 0000000000..d4b03659ae --- /dev/null +++ b/src/css/widget/timeinterval/timeinterval.css @@ -0,0 +1,6 @@ +.bi-param-time-interval.time-error .bi-input { + color: #e85050; +} +.bi-param-time-interval.time-error .sign-editor-text { + color: #e85050; +} diff --git a/src/less/widget/multidate/multidate.combo.less b/src/less/widget/multidate/multidate.combo.less new file mode 100644 index 0000000000..6beb54694f --- /dev/null +++ b/src/less/widget/multidate/multidate.combo.less @@ -0,0 +1,5 @@ +@import "../../bibase"; + +.bi-multidate-combo{ + .border-radius(2px); +} \ No newline at end of file diff --git a/src/less/widget/multidate/multidate.day.less b/src/less/widget/multidate/multidate.day.less new file mode 100644 index 0000000000..1970c8ab28 --- /dev/null +++ b/src/less/widget/multidate/multidate.day.less @@ -0,0 +1,6 @@ +@import "../../bibase"; + +.bi-multidate-daycard{ + & .bi-multidate-inner-label{ + } +} \ No newline at end of file diff --git a/src/less/widget/multidate/multidate.month.less b/src/less/widget/multidate/multidate.month.less new file mode 100644 index 0000000000..ddef77ccba --- /dev/null +++ b/src/less/widget/multidate/multidate.month.less @@ -0,0 +1,6 @@ +@import "../../bibase"; + +.bi-multidate-monthcard{ + & .bi-multidate-inner-label{ + } +} \ No newline at end of file diff --git a/src/less/widget/multidate/multidate.popup.less b/src/less/widget/multidate/multidate.popup.less new file mode 100644 index 0000000000..aa4b4758ad --- /dev/null +++ b/src/less/widget/multidate/multidate.popup.less @@ -0,0 +1,23 @@ +@import "../../bibase"; + +.bi-multidate-popup{ + + & .bi-multidate-popup-label { + color:@color-bi-text-highlight; + font-size:@font-size-14; + } + & .bi-multidate-popup-tab { + } + & .bi-multidate-popup-item{ + &:active,&.active{ + background-color: @color-bi-text-highlight; + color: @color-bi-background-default; + .border-corner-radius(@radius-2,@radius-2,0,0); + } + } + + & .bi-multidate-popup-button{ + color:@color-bi-text-highlight; + font-size:@font-size-14; + } +} \ No newline at end of file diff --git a/src/less/widget/multidate/multidate.quarter.less b/src/less/widget/multidate/multidate.quarter.less new file mode 100644 index 0000000000..b1151a8228 --- /dev/null +++ b/src/less/widget/multidate/multidate.quarter.less @@ -0,0 +1,6 @@ +@import "../../bibase"; + +.bi-multidate-quartercard{ + & .bi-multidate-inner-label{ + } +} \ No newline at end of file diff --git a/src/less/widget/multidate/multidate.segment.less b/src/less/widget/multidate/multidate.segment.less new file mode 100644 index 0000000000..eeffa7d457 --- /dev/null +++ b/src/less/widget/multidate/multidate.segment.less @@ -0,0 +1,9 @@ +@import "../../bibase"; + +.bi-multidate-segment{ + & .bi-multidate-normal-label{ + } + & .bi-multidate-editor{ + font-size: @font-size-14; + } +} \ No newline at end of file diff --git a/src/less/widget/multidate/multidate.week.less b/src/less/widget/multidate/multidate.week.less new file mode 100644 index 0000000000..ebd27b5192 --- /dev/null +++ b/src/less/widget/multidate/multidate.week.less @@ -0,0 +1,6 @@ +@import "../../bibase"; + +.bi-multidate-weekcard{ + & .bi-multidate-inner-label{ + } +} \ No newline at end of file diff --git a/src/less/widget/multidate/multidate.year.less b/src/less/widget/multidate/multidate.year.less new file mode 100644 index 0000000000..0474a5cf91 --- /dev/null +++ b/src/less/widget/multidate/multidate.year.less @@ -0,0 +1,6 @@ +@import "../../bibase"; + +.bi-multidate-yearcard{ + & .bi-multidate-inner-label{ + } +} \ No newline at end of file diff --git a/src/less/widget/singleslider/singleslider.less b/src/less/widget/singleslider/singleslider.less new file mode 100644 index 0000000000..0f67e10ff3 --- /dev/null +++ b/src/less/widget/singleslider/singleslider.less @@ -0,0 +1,6 @@ +@import "../../bibase"; + +.bi-single-slider { + & .slider-editor-button { + } +} diff --git a/src/less/widget/singleslider/slider/widget.slider.less b/src/less/widget/singleslider/slider/widget.slider.less new file mode 100644 index 0000000000..64e9ec4a0f --- /dev/null +++ b/src/less/widget/singleslider/slider/widget.slider.less @@ -0,0 +1,8 @@ +@import "../../../bibase"; +.bi-single-slider-slider{ + & .slider-button{ + cursor: url(@sliderDragCursor), auto; + .box-shadow(0 0 10px, rgba(0, 0, 0, 0.2)); + .border-radius(7px); + } +} \ No newline at end of file diff --git a/src/less/widget/singleslider/track/widget.track.less b/src/less/widget/singleslider/track/widget.track.less new file mode 100644 index 0000000000..2ecb97eb97 --- /dev/null +++ b/src/less/widget/singleslider/track/widget.track.less @@ -0,0 +1,11 @@ +@import "../../../bibase"; + +.bi-slider-track { + .gray-track { + .background-color(@color-bi-background-gray, 30%); + .border-radius(3px); + } + .blue-track { + .border-radius(3px); + } +} \ No newline at end of file diff --git a/src/less/widget/timeinterval/timeinterval.less b/src/less/widget/timeinterval/timeinterval.less new file mode 100644 index 0000000000..9d3a2e1958 --- /dev/null +++ b/src/less/widget/timeinterval/timeinterval.less @@ -0,0 +1,10 @@ +@import "../../bibase"; + +.bi-param-time-interval{ + &.time-error .bi-input{ + color:@color-bi-text-warning + } + &.time-error .sign-editor-text{ + color:@color-bi-text-warning + } +} \ No newline at end of file