Browse Source

整理样式

es6
guy 3 years ago
parent
commit
35824363ea
  1. 2
      src/less/base/combo/combo.bubble.less
  2. 4
      src/less/base/combo/combo.less
  3. 2
      src/less/base/tree/tree.expander.less
  4. 8
      src/less/lib/colors.less
  5. 11
      src/less/lib/constant.less
  6. 2
      src/less/widget/dynamicdatecombo/dynamicdatetime.combo.less
  7. 2
      src/less/widget/multilayerselecttree/multilayerselecttree.combo.less
  8. 2
      src/less/widget/multilayersingletree/multilayersingletree.combo.less
  9. 2
      src/less/widget/multiselect/multiselect.insert.combo.less
  10. 2
      src/less/widget/multitree/multi.tree.combo.less
  11. 4
      src/less/widget/numbereditor/number.editor.less
  12. 2
      src/less/widget/searchmultiselect/searchmultiselect.less
  13. 2
      src/less/widget/singleselect/singleselect.combo.less
  14. 2
      src/less/widget/timecombo/timecombo.less

2
src/less/base/combo/combo.bubble.less

@ -7,7 +7,7 @@
line-height: 0; line-height: 0;
.z-index-layer(@zIndex-popup); .z-index-layer(@zIndex-popup);
// ie10一下无背景色会鼠标穿透 // ie10一下无背景色会鼠标穿透
.background-color(@background-color-default, 0); .background-color(@color-bi-background-default, 0);
} }
& .bubble-combo-triangle-left { & .bubble-combo-triangle-left {
z-index: 1; z-index: 1;

4
src/less/base/combo/combo.less

@ -29,7 +29,7 @@
&.disabled { &.disabled {
&.bi-combo-hover, &:hover { &.bi-combo-hover, &:hover {
&.bi-border { &.bi-border {
border-color: @border-color-line; border-color: @color-bi-border-line;
} }
} }
} }
@ -40,7 +40,7 @@
&.disabled { &.disabled {
&.bi-combo-hover, &:hover { &.bi-combo-hover, &:hover {
&.bi-border { &.bi-border {
border-color: @border-color-line-theme-dark; border-color: @color-bi-border-line-theme-dark;
} }
} }
} }

2
src/less/base/tree/tree.expander.less

@ -2,7 +2,7 @@
.bi-tree-expander-popup.line:before { .bi-tree-expander-popup.line:before {
position: absolute; position: absolute;
content: ""; content: "";
border-left: 1px dashed #D0D4DA; border-left: 1px dashed @color-bi-border-dark-gray-line;
height: 100%; height: 100%;
left: 11px; left: 11px;
} }

8
src/less/lib/colors.less

@ -1,6 +1,6 @@
@import "constant"; @import "constant";
// 色彩库,从constant.less中获取相关颜色,不要出现#xxxxxx // 色彩库,业务相关。从constant.less中获取相关颜色,不要出现#xxxxxx
//默认字体颜色 //默认字体颜色
@color-bi-text-normal: @font-color-normal; @color-bi-text-normal: @font-color-normal;
@ -104,6 +104,10 @@
@color-bi-border-line: @border-color-line; @color-bi-border-line: @border-color-line;
//深色主题边框线色 //深色主题边框线色
@color-bi-border-line-theme-dark: @border-color-line-theme-dark; @color-bi-border-line-theme-dark: @border-color-line-theme-dark;
//深灰色边框线
@color-bi-border-dark-gray-line: @border-color-dark-gray-line;
//深灰色主题深色边框线
@color-bi-border-dark-gray-line-theme-dark: @border-color-dark-gray-line-theme-dark;
//深色边框线 //深色边框线
@color-bi-border-dark-line: @border-color-dark-line; @color-bi-border-dark-line: @border-color-dark-line;
//深色主题深色边框线 //深色主题深色边框线
@ -132,6 +136,8 @@
//mask颜色 //mask颜色
@color-bi-button-mask: @color-bi-background-black; @color-bi-button-mask: @color-bi-background-black;
@water-mark-color-theme-dark: @background-color-light-disabled-theme-dark;
//颜色百分比 //颜色百分比
//green //green
@color-bi-green-80: fade(@font-color-success, 80); @color-bi-green-80: fade(@font-color-success, 80);

11
src/less/lib/constant.less

@ -1,8 +1,5 @@
//常量库 // 基础配色方案,业务无关
//font size
//classified
//
@font-size-12: 12px; @font-size-12: 12px;
@font-size-13: 13px; @font-size-13: 13px;
@font-size-14: 14px; @font-size-14: 14px;
@ -92,6 +89,8 @@
@border-color-line-theme-dark: #363e55; @border-color-line-theme-dark: #363e55;
@border-color-light-line: #f2f4f7; @border-color-light-line: #f2f4f7;
@border-color-light-line-theme-dark: #292f45; @border-color-light-line-theme-dark: #292f45;
@border-color-dark-gray-line: #d0d4da;
@border-color-dark-gray-line-theme-dark: #606479;
@border-color-dark-line: #9EA6B2; @border-color-dark-line: #9EA6B2;
@border-color-dark-line-theme-dark: #878D9F; @border-color-dark-line-theme-dark: #878D9F;
@border-color-highlight: #3685f2; @border-color-highlight: #3685f2;
@ -111,5 +110,3 @@
@scroll-color-theme-dark: #ffffff; @scroll-color-theme-dark: #ffffff;
@scroll-thumb-color: #232e40; @scroll-thumb-color: #232e40;
@scroll-thumb-color-theme-dark: #232e40; @scroll-thumb-color-theme-dark: #232e40;
@water-mark-color-theme-dark: #878d9f;

2
src/less/widget/dynamicdatecombo/dynamicdatetime.combo.less

@ -2,6 +2,6 @@
.bi-dynamic-date-combo { .bi-dynamic-date-combo {
& .date-font { & .date-font {
font-size: 16px; font-size: @font-size-16;
} }
} }

2
src/less/widget/multilayerselecttree/multilayerselecttree.combo.less

@ -2,7 +2,7 @@
@val: transform .3s ease; @val: transform .3s ease;
.bi-multilayer-select-tree-combo { .bi-multilayer-select-tree-combo {
& .trigger-icon-button{ & .trigger-icon-button{
font-size: 16px; font-size: @font-size-16;
} }
// 此combo的trigger_button是absolute上去的,与bi-combo在同一层级,独立写一下 // 此combo的trigger_button是absolute上去的,与bi-combo在同一层级,独立写一下
& .bi-combo.bi-combo-popup + .bi-trigger-icon-button { & .bi-combo.bi-combo-popup + .bi-trigger-icon-button {

2
src/less/widget/multilayersingletree/multilayersingletree.combo.less

@ -2,7 +2,7 @@
@val: transform .3s ease; @val: transform .3s ease;
.bi-multilayer-single-tree-combo { .bi-multilayer-single-tree-combo {
& .trigger-icon-button{ & .trigger-icon-button{
font-size: 16px; font-size: @font-size-16;
} }
// 此combo的trigger_button是absolute上去的,与bi-combo在同一层级,独立写一下 // 此combo的trigger_button是absolute上去的,与bi-combo在同一层级,独立写一下
& .bi-combo.bi-combo-popup + .bi-trigger-icon-button { & .bi-combo.bi-combo-popup + .bi-trigger-icon-button {

2
src/less/widget/multiselect/multiselect.insert.combo.less

@ -2,7 +2,7 @@
@val: transform .3s ease; @val: transform .3s ease;
.bi-multi-select-insert-combo{ .bi-multi-select-insert-combo{
& .multi-select-trigger-icon-button{ & .multi-select-trigger-icon-button{
font-size: 16px; font-size: @font-size-16;
} }
// 此combo的trigger_button是absolute上去的,与bi-combo在同一层级,独立写一下 // 此combo的trigger_button是absolute上去的,与bi-combo在同一层级,独立写一下
& .bi-combo.bi-combo-popup + .bi-trigger-icon-button { & .bi-combo.bi-combo-popup + .bi-trigger-icon-button {

2
src/less/widget/multitree/multi.tree.combo.less

@ -2,7 +2,7 @@
@val: transform .3s ease; @val: transform .3s ease;
.bi-multi-tree-combo{ .bi-multi-tree-combo{
& .multi-select-trigger-icon-button{ & .multi-select-trigger-icon-button{
font-size: 16px; font-size: @font-size-16;
} }
// 此combo的trigger_button是absolute上去的,与bi-combo在同一层级,独立写一下 // 此combo的trigger_button是absolute上去的,与bi-combo在同一层级,独立写一下
& .bi-combo.bi-combo-popup + .bi-trigger-icon-button { & .bi-combo.bi-combo-popup + .bi-trigger-icon-button {

4
src/less/widget/numbereditor/number.editor.less

@ -3,9 +3,9 @@
.bi-number-editor { .bi-number-editor {
.border-radius(2px); .border-radius(2px);
& .pull-down-font { & .pull-down-font {
font-size: 12px; font-size: @font-size-12;
} }
& .pull-up-font { & .pull-up-font {
font-size: 12px; font-size: @font-size-12;
} }
} }

2
src/less/widget/searchmultiselect/searchmultiselect.less

@ -2,7 +2,7 @@
.bi-search-multi-text-value-combo{ .bi-search-multi-text-value-combo{
& .multi-select-trigger-icon-button{ & .multi-select-trigger-icon-button{
font-size: 16px; font-size: @font-size-16;
} }
&.combo-error { &.combo-error {
& .bi-multi-select-searcher { & .bi-multi-select-searcher {

2
src/less/widget/singleselect/singleselect.combo.less

@ -2,7 +2,7 @@
@val: transform .3s ease; @val: transform .3s ease;
.bi-single-select-combo{ .bi-single-select-combo{
& .single-select-trigger-icon-button{ & .single-select-trigger-icon-button{
font-size: 16px; font-size: @font-size-16;
} }
// 此combo的trigger_button是absolute上去的,与bi-combo在同一层级,独立写一下 // 此combo的trigger_button是absolute上去的,与bi-combo在同一层级,独立写一下
& .bi-combo.bi-combo-popup + .bi-trigger-icon-button { & .bi-combo.bi-combo-popup + .bi-trigger-icon-button {

2
src/less/widget/timecombo/timecombo.less

@ -3,6 +3,6 @@
.bi-time-trigger{ .bi-time-trigger{
& .show-text { & .show-text {
// ie10一下无背景色会鼠标穿透 // ie10一下无背景色会鼠标穿透
.background-color(@background-color-default, 0); .background-color(@color-bi-background-default, 0);
} }
} }
Loading…
Cancel
Save