test/amis
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-01 03:18:16 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

card is-disabled 样式优化

Browse Source
This commit is contained in:
liaoxuezhi 2019-12-06 15:22:17 +08:00
parent f399c5f1c6
commit 336834771b
2 changed files with 34 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
scss/components/_card.scss
View File

@ -113,18 +113,26 @@
line-height: px2rem(40px);
// font-size: $fontSizeBase;
&:not(is-disabled) {
&:not(.is-disabled) {
cursor: pointer;
&:hover {
background-color: $Card-actions-onHover-bg;
color: $Card-actions-onHover-color;
text-decoration: none;
}
}
&:last-child {
border: none;
}
&:hover {
background-color: $Card-actions-onHover-bg;
color: $Card-actions-onHover-color;
text-decoration: none;
&.is-disabled {
color: $text--muted-color;
&:hover {
text-decoration: none;
}
}
}
}

42
scss/components/form/_form.scss
View File

@ -7,7 +7,7 @@
}
&--inline {
>.#{$ns}PlainField {
> .#{$ns}PlainField {
display: inline-block;
padding-top: $Form-input-paddingY;
// padding-bottom: $Form-input-paddingY;
@ -22,7 +22,7 @@
max-width: 100%;
position: relative;
>span {
> span {
position: relative;
}
}
@ -60,11 +60,11 @@
.#{$ns}Form-item {
margin-bottom: $Form-item-gap;
.#{$ns}Grid-form>&:last-child {
.#{$ns}Grid-form > &:last-child {
margin-bottom: 0;
}
.#{$ns}Form--inline>&--inline {
.#{$ns}Form--inline > &--inline {
margin-bottom: $Form-item-gap/2;
margin-right: $Form-item-gap/2;
@ -80,19 +80,19 @@
}
&--horizontal {
>.#{$ns}Form-label {
> .#{$ns}Form-label {
text-align: $Form--horizontal-label-align;
white-space: $Form--horizontal-label-whiteSpace;
}
}
&--normal {
>.#{$ns}Form-label {
> .#{$ns}Form-label {
display: block;
}
}
&.is-error>.#{$ns}Form-label {
&.is-error > .#{$ns}Form-label {
color: $danger;
}
}
@ -137,13 +137,13 @@
margin-left: -$Form--horizontal-gutterWidth / 2;
margin-right: -$Form--horizontal-gutterWidth / 2;
>* {
> * {
padding-left: $Form--horizontal-gutterWidth / 2;
padding-right: $Form--horizontal-gutterWidth / 2;
}
>.#{$ns}Form-label,
>.#{$ns}Form-value {
> .#{$ns}Form-label,
> .#{$ns}Form-value {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
@ -159,7 +159,7 @@
flex-basis: unset;
}
>.#{$ns}Form-label {
> .#{$ns}Form-label {
padding-top: $Form-label-paddingTop;
margin-bottom: 0;
}
@ -197,7 +197,7 @@
display: inline-block;
vertical-align: top;
>.#{$ns}Form-label {
> .#{$ns}Form-label {
padding-top: $Form-label-paddingTop;
margin-bottom: 0;
margin-right: $Form-item-gap/2;
@ -207,21 +207,21 @@
}
}
>.#{$ns}Form-value {
> .#{$ns}Form-value {
display: inline;
>.#{$ns}Form-control {
> .#{$ns}Form-control {
vertical-align: top;
display: inline-block;
}
>.#{$ns}Form-control.#{$ns}InputGroup {
> .#{$ns}Form-control.#{$ns}InputGroup {
display: inline-flex;
}
>.#{$ns}TextControl--withAddOn {
> .#{$ns}TextControl--withAddOn {
display: inline-flex;
min-width: px2rem(240px);
min-width: $Form-control-widthMd;
}
}
}
@ -235,7 +235,7 @@
margin-right: -$Form-row-gutterWidth / 2;
align-items: flex-start;
>* {
> * {
padding-left: $Form-row-gutterWidth / 2;
padding-right: $Form-row-gutterWidth / 2;
}
@ -251,16 +251,16 @@
display: flex;
flex-wrap: nowrap;
>.#{$ns}Form-label {
> .#{$ns}Form-label {
display: inline-block;
vertical-align: top;
padding-top: $Form-label-paddingTop;
padding-right: $Form-row-gutterWidth;
}
>.#{$ns}Form-control {
> .#{$ns}Form-control {
flex-basis: 0;
flex-grow: 1;
}
}
}
}