去掉多余样式,升级依赖:bee-core、bee-checkbox、
This commit is contained in:
parent
7320c86215
commit
660b06530a
|
@ -53,7 +53,7 @@ input.u-button[type="submit"] {
|
|||
width: 38px;
|
||||
padding: 0;
|
||||
line-height: normal;
|
||||
border: 1px solid rgb(224,224,224); }
|
||||
border: 1px solid rgb(189,189,189); }
|
||||
.u-button-floating.colored {
|
||||
background: rgb(67,160,71);
|
||||
color: rgb(255,255,255);
|
||||
|
@ -216,7 +216,7 @@ input.u-button[type="submit"] {
|
|||
width: 32px;
|
||||
padding: 0;
|
||||
line-height: normal;
|
||||
border: 1px solid rgb(224,224,224); }
|
||||
border: 1px solid rgb(189,189,189); }
|
||||
|
||||
.u-button-lg {
|
||||
padding: 8px 15px;
|
||||
|
@ -332,15 +332,29 @@ input.u-button[type="submit"] {
|
|||
margin: 0 5px;
|
||||
height: 18px;
|
||||
line-height: 18px;
|
||||
font-size: 14px; }
|
||||
font-size: 14px;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
position: relative;
|
||||
line-height: 1;
|
||||
vertical-align: middle; }
|
||||
.u-checkbox.disabled .u-checkbox-label {
|
||||
cursor: not-allowed;
|
||||
opacity: 0.5; }
|
||||
.u-checkbox input[type='checkbox'] {
|
||||
display: none;
|
||||
cursor: pointer; }
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
.u-checkbox input[disabled] {
|
||||
cursor: not-allowed; }
|
||||
.u-checkbox input[type='checkbox']:focus + .u-checkbox-label:before {
|
||||
border-color: rgb(30,136,229); }
|
||||
.u-checkbox.is-checked .u-checkbox-label:before {
|
||||
-moz-box-shadow: inset 0 0 0 10px rgb(30,136,229);
|
||||
-webkit-box-shadow: inset 0 0 0 10px rgb(30,136,229);
|
||||
|
@ -392,8 +406,8 @@ input.u-button[type="submit"] {
|
|||
font-size: 14px; }
|
||||
|
||||
.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:before {
|
||||
box-shadow: inset 0 0 0 10px #1e88e5;
|
||||
border-color: #1e88e5; }
|
||||
box-shadow: inset 0 0 0 10px rgb(30,136,229);
|
||||
border-color: rgb(30,136,229); }
|
||||
|
||||
.u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:before {
|
||||
-moz-box-shadow: inset 0 0 0 10px rgb(76,175,80);
|
||||
|
@ -401,30 +415,45 @@ input.u-button[type="submit"] {
|
|||
box-shadow: inset 0 0 0 10px rgb(76,175,80);
|
||||
border-color: rgb(76,175,80); }
|
||||
|
||||
.u-checkbox.u-checkbox-success input[type='checkbox']:focus + .u-checkbox-label:before {
|
||||
border-color: rgb(76,175,80); }
|
||||
|
||||
.u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:before {
|
||||
-moz-box-shadow: inset 0 0 0 10px rgb(255,152,0);
|
||||
-webkit-box-shadow: inset 0 0 0 10px rgb(255,152,0);
|
||||
box-shadow: inset 0 0 0 10px rgb(255,152,0);
|
||||
border-color: rgb(255,152,0); }
|
||||
|
||||
.u-checkbox.u-checkbox-warning input[type='checkbox']:focus + .u-checkbox-label:before {
|
||||
border-color: rgb(255,152,0); }
|
||||
|
||||
.u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:before {
|
||||
-moz-box-shadow: inset 0 0 0 10px rgb(244,67,54);
|
||||
-webkit-box-shadow: inset 0 0 0 10px rgb(244,67,54);
|
||||
box-shadow: inset 0 0 0 10px rgb(244,67,54);
|
||||
border-color: rgb(244,67,54); }
|
||||
|
||||
.u-checkbox.u-checkbox-danger input[type='checkbox']:focus + .u-checkbox-label:before {
|
||||
border-color: rgb(244,67,54); }
|
||||
|
||||
.u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:before {
|
||||
-moz-box-shadow: inset 0 0 0 10px rgb(97,97,97);
|
||||
-webkit-box-shadow: inset 0 0 0 10px rgb(97,97,97);
|
||||
box-shadow: inset 0 0 0 10px rgb(97,97,97);
|
||||
border-color: rgb(97,97,97); }
|
||||
|
||||
.u-checkbox.u-checkbox-dark input[type='checkbox']:focus + .u-checkbox-label:before {
|
||||
border-color: rgb(97,97,97); }
|
||||
|
||||
.u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:before {
|
||||
-moz-box-shadow: inset 0 0 0 10px rgb(0,188,212);
|
||||
-webkit-box-shadow: inset 0 0 0 10px rgb(0,188,212);
|
||||
box-shadow: inset 0 0 0 10px rgb(0,188,212);
|
||||
border-color: rgb(0,188,212); }
|
||||
|
||||
.u-checkbox.u-checkbox-info input[type='checkbox']:focus + .u-checkbox-label:before {
|
||||
border-color: rgb(0,188,212); }
|
||||
|
||||
/* FormGroup */
|
||||
/* Navlayout */
|
||||
@font-face {
|
||||
|
@ -1501,9 +1530,6 @@ input.u-button[type="submit"] {
|
|||
.u-transfer .u-checkbox + span, .u-transfer .u-checkbox-wrapper + span {
|
||||
padding-left: 8px;
|
||||
padding-right: 8px; }
|
||||
.u-transfer .u-checkbox-checked .u-checkbox-label, .u-transfer .u-checkbox-indeterminate .u-checkbox-label {
|
||||
background-color: #108ee9;
|
||||
border-color: #108ee9; }
|
||||
.u-transfer .u-checkbox.u-checkbox-indeterminate .u-checkbox-label:after {
|
||||
color: #fff;
|
||||
content: "\e6ce";
|
||||
|
@ -1511,9 +1537,6 @@ input.u-button[type="submit"] {
|
|||
font-size: 14px; }
|
||||
.u-transfer .u-checkbox .u-checkbox-label:before, .u-transfer .u-checkbox .u-checkbox-label:after {
|
||||
top: 0; }
|
||||
.u-transfer .u-checkbox.u-checkbox-indeterminate .u-checkbox-label:before {
|
||||
box-shadow: inset 0 0 0 10px #1e88e5;
|
||||
border-color: #1e88e5; }
|
||||
|
||||
.u-transfer-operation .u-button-sm {
|
||||
padding: 0;
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -2418,9 +2418,6 @@ i.uf {
|
|||
/*
|
||||
* 选择时删除文本阴影,及设置默认选中颜色
|
||||
*/
|
||||
::-moz-selection {
|
||||
background: rgb(187,222,251);
|
||||
text-shadow: none; }
|
||||
::selection {
|
||||
background: rgb(187,222,251);
|
||||
text-shadow: none; }
|
||||
|
@ -3478,6 +3475,60 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
|
|||
.uf-treeline-copy:before {
|
||||
content: "\e994"; }
|
||||
|
||||
.uf-listwithdots:before {
|
||||
content: "\e9cd"; }
|
||||
|
||||
.uf-gridlogo:before {
|
||||
content: "\e900"; }
|
||||
|
||||
.uf-magnifyingglass:before {
|
||||
content: "\e9ce"; }
|
||||
|
||||
.uf-anglearrowdown:before {
|
||||
content: "\e9cf"; }
|
||||
|
||||
.uf-yongyouyunchnen:before {
|
||||
content: "\e98d"; }
|
||||
|
||||
.uf-yycloud:before {
|
||||
content: "\e68f"; }
|
||||
|
||||
.uf-funnel-o:before {
|
||||
content: "\e63c"; }
|
||||
|
||||
.uf-filter:before {
|
||||
content: "\e9d0"; }
|
||||
|
||||
.uf-filterno:before {
|
||||
content: "\e9d1"; }
|
||||
|
||||
.uf-clean:before {
|
||||
content: "\e9d2"; }
|
||||
|
||||
.uf-save:before {
|
||||
content: "\e9d3"; }
|
||||
|
||||
.uf-export:before {
|
||||
content: "\e9d4"; }
|
||||
|
||||
.uf-import:before {
|
||||
content: "\e9d5"; }
|
||||
|
||||
.uf-stop-c:before {
|
||||
content: "\e9d6"; }
|
||||
|
||||
.uf-rubber:before {
|
||||
content: "\e9d7"; }
|
||||
|
||||
.uf-bediting:before {
|
||||
content: "\e9d8"; }
|
||||
|
||||
.uf-maxmize:before {
|
||||
content: "\e9d9"; }
|
||||
|
||||
.uf-minimize:before {
|
||||
content: "\e9da"; }
|
||||
|
||||
/* FormGroup */
|
||||
/* Navlayout */
|
||||
.vertical-align {
|
||||
|
@ -5257,7 +5308,7 @@ input.u-button[type="submit"] {
|
|||
width: 38px;
|
||||
padding: 0;
|
||||
line-height: normal;
|
||||
border: 1px solid rgb(224,224,224); }
|
||||
border: 1px solid rgb(189,189,189); }
|
||||
.u-button-floating.colored {
|
||||
background: rgb(67,160,71);
|
||||
color: rgb(255,255,255);
|
||||
|
@ -5420,7 +5471,7 @@ input.u-button[type="submit"] {
|
|||
width: 32px;
|
||||
padding: 0;
|
||||
line-height: normal;
|
||||
border: 1px solid rgb(224,224,224); }
|
||||
border: 1px solid rgb(189,189,189); }
|
||||
|
||||
.u-button-lg {
|
||||
padding: 8px 15px;
|
||||
|
@ -5534,15 +5585,29 @@ input.u-button[type="submit"] {
|
|||
margin: 0 5px;
|
||||
height: 18px;
|
||||
line-height: 18px;
|
||||
font-size: 14px; }
|
||||
font-size: 14px;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
position: relative;
|
||||
line-height: 1;
|
||||
vertical-align: middle; }
|
||||
.u-checkbox.disabled .u-checkbox-label {
|
||||
cursor: not-allowed;
|
||||
opacity: 0.5; }
|
||||
.u-checkbox input[type='checkbox'] {
|
||||
display: none;
|
||||
cursor: pointer; }
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
.u-checkbox input[disabled] {
|
||||
cursor: not-allowed; }
|
||||
.u-checkbox input[type='checkbox']:focus + .u-checkbox-label:before {
|
||||
border-color: rgb(30,136,229); }
|
||||
.u-checkbox.is-checked .u-checkbox-label:before {
|
||||
box-shadow: inset 0 0 0 10px rgb(30,136,229);
|
||||
border-color: rgb(30,136,229); }
|
||||
|
@ -5587,29 +5652,44 @@ input.u-button[type="submit"] {
|
|||
font-size: 14px; }
|
||||
|
||||
.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:before {
|
||||
box-shadow: inset 0 0 0 10px #1e88e5;
|
||||
border-color: #1e88e5; }
|
||||
box-shadow: inset 0 0 0 10px rgb(30,136,229);
|
||||
border-color: rgb(30,136,229); }
|
||||
|
||||
.u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:before {
|
||||
box-shadow: inset 0 0 0 10px rgb(76,175,80);
|
||||
border-color: rgb(76,175,80); }
|
||||
|
||||
.u-checkbox.u-checkbox-success input[type='checkbox']:focus + .u-checkbox-label:before {
|
||||
border-color: rgb(76,175,80); }
|
||||
|
||||
.u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:before {
|
||||
box-shadow: inset 0 0 0 10px rgb(255,152,0);
|
||||
border-color: rgb(255,152,0); }
|
||||
|
||||
.u-checkbox.u-checkbox-warning input[type='checkbox']:focus + .u-checkbox-label:before {
|
||||
border-color: rgb(255,152,0); }
|
||||
|
||||
.u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:before {
|
||||
box-shadow: inset 0 0 0 10px rgb(244,67,54);
|
||||
border-color: rgb(244,67,54); }
|
||||
|
||||
.u-checkbox.u-checkbox-danger input[type='checkbox']:focus + .u-checkbox-label:before {
|
||||
border-color: rgb(244,67,54); }
|
||||
|
||||
.u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:before {
|
||||
box-shadow: inset 0 0 0 10px rgb(97,97,97);
|
||||
border-color: rgb(97,97,97); }
|
||||
|
||||
.u-checkbox.u-checkbox-dark input[type='checkbox']:focus + .u-checkbox-label:before {
|
||||
border-color: rgb(97,97,97); }
|
||||
|
||||
.u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:before {
|
||||
box-shadow: inset 0 0 0 10px rgb(0,188,212);
|
||||
border-color: rgb(0,188,212); }
|
||||
|
||||
.u-checkbox.u-checkbox-info input[type='checkbox']:focus + .u-checkbox-label:before {
|
||||
border-color: rgb(0,188,212); }
|
||||
|
||||
/* FormGroup */
|
||||
/* Navlayout */
|
||||
@font-face {
|
||||
|
@ -6686,9 +6766,6 @@ input.u-button[type="submit"] {
|
|||
.u-transfer .u-checkbox + span, .u-transfer .u-checkbox-wrapper + span {
|
||||
padding-left: 8px;
|
||||
padding-right: 8px; }
|
||||
.u-transfer .u-checkbox-checked .u-checkbox-label, .u-transfer .u-checkbox-indeterminate .u-checkbox-label {
|
||||
background-color: #108ee9;
|
||||
border-color: #108ee9; }
|
||||
.u-transfer .u-checkbox.u-checkbox-indeterminate .u-checkbox-label:after {
|
||||
color: #fff;
|
||||
content: "\e6ce";
|
||||
|
@ -6696,9 +6773,6 @@ input.u-button[type="submit"] {
|
|||
font-size: 14px; }
|
||||
.u-transfer .u-checkbox .u-checkbox-label:before, .u-transfer .u-checkbox .u-checkbox-label:after {
|
||||
top: 0; }
|
||||
.u-transfer .u-checkbox.u-checkbox-indeterminate .u-checkbox-label:before {
|
||||
box-shadow: inset 0 0 0 10px #1e88e5;
|
||||
border-color: #1e88e5; }
|
||||
|
||||
.u-transfer-operation .u-button-sm {
|
||||
padding: 0;
|
||||
|
@ -6792,7 +6866,7 @@ input.u-button[type="submit"] {
|
|||
.u-panel .u-panel-body {
|
||||
padding: 15px 15px;
|
||||
position: relative; }
|
||||
.u-panel .u-panel-body .uf {
|
||||
.u-panel .u-panel-body .u-panel-copy {
|
||||
position: absolute;
|
||||
right: 25px;
|
||||
top: 30px;
|
||||
|
@ -6802,7 +6876,7 @@ input.u-button[type="submit"] {
|
|||
margin: 8px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer; }
|
||||
.u-panel .u-panel-body .uf:hover {
|
||||
.u-panel .u-panel-body .u-panel-copy:hover {
|
||||
color: #a8a7a7; }
|
||||
|
||||
.u-panel-default {
|
||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -39,13 +39,13 @@
|
|||
"babel-runtime": "^6.23.0",
|
||||
"bee-animate": "^1.0.0",
|
||||
"bee-button": "^1.0.6",
|
||||
"bee-checkbox": "^1.0.5",
|
||||
"bee-checkbox": "^2.0.0",
|
||||
"bee-form-control": "^1.0.7",
|
||||
"bee-icon": "^1.0.4",
|
||||
"classnames": "^2.2.5",
|
||||
"react-lazy-load": "^3.0.12",
|
||||
"shallowequal": "^1.0.2",
|
||||
"tinper-bee-core": "^0.4.1"
|
||||
"tinper-bee-core": "latest"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": "^15.3.0 || ^16.0",
|
||||
|
|
|
@ -164,10 +164,10 @@
|
|||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
}
|
||||
.u-checkbox-checked .u-checkbox-label, .u-checkbox-indeterminate .u-checkbox-label {
|
||||
background-color: #108ee9;
|
||||
border-color: #108ee9;
|
||||
}
|
||||
// .u-checkbox-checked .u-checkbox-label, .u-checkbox-indeterminate .u-checkbox-label {
|
||||
// background-color: #108ee9;
|
||||
// border-color: #108ee9;
|
||||
// }
|
||||
.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:after {
|
||||
color: #fff;
|
||||
content: "\e6ce";
|
||||
|
@ -179,10 +179,10 @@
|
|||
top: 0;
|
||||
}
|
||||
|
||||
.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:before {
|
||||
box-shadow: inset 0 0 0 10px rgb(30,136,229);
|
||||
border-color: rgb(30,136,229);
|
||||
}
|
||||
// .u-checkbox.u-checkbox-indeterminate .u-checkbox-label:before {
|
||||
// box-shadow: inset 0 0 0 10px rgb(30,136,229);
|
||||
// border-color: rgb(30,136,229);
|
||||
// }
|
||||
}
|
||||
|
||||
.u-transfer-operation .u-button-sm {
|
||||
|
|
Loading…
Reference in New Issue