Border radius token for inputgroup
parent
3533e2d8be
commit
76620c7c07
|
@ -69,13 +69,13 @@ const theme = ({ dt }) => `
|
||||||
.p-inputgroup input:first-child,
|
.p-inputgroup input:first-child,
|
||||||
.p-inputgroup > .p-inputwrapper:first-child,
|
.p-inputgroup > .p-inputwrapper:first-child,
|
||||||
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
|
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
|
||||||
border-top-left-radius: 6px;
|
border-top-left-radius: ${dt('inputgroup.addon.border.radius')};
|
||||||
border-bottom-left-radius: 6px;
|
border-bottom-left-radius: ${dt('inputgroup.addon.border.radius')};
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputgroup .p-float-label:first-child input {
|
.p-inputgroup .p-float-label:first-child input {
|
||||||
border-top-left-radius: 6px;
|
border-top-left-radius: ${dt('inputgroup.addon.border.radius')};
|
||||||
border-bottom-left-radius: 6px;
|
border-bottom-left-radius: ${dt('inputgroup.addon.border.radius')};
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputgroup-addon:last-child,
|
.p-inputgroup-addon:last-child,
|
||||||
|
@ -83,13 +83,13 @@ const theme = ({ dt }) => `
|
||||||
.p-inputgroup input:last-child,
|
.p-inputgroup input:last-child,
|
||||||
.p-inputgroup > .p-inputwrapper:last-child,
|
.p-inputgroup > .p-inputwrapper:last-child,
|
||||||
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
|
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
|
||||||
border-top-right-radius: 6px;
|
border-top-right-radius: ${dt('inputgroup.addon.border.radius')};
|
||||||
border-bottom-right-radius: 6px;
|
border-bottom-right-radius: ${dt('inputgroup.addon.border.radius')};
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-inputgroup .p-float-label:last-child input {
|
.p-inputgroup .p-float-label:last-child input {
|
||||||
border-top-right-radius: 6px;
|
border-top-right-radius: ${dt('inputgroup.addon.border.radius')};
|
||||||
border-bottom-right-radius: 6px;
|
border-bottom-right-radius: ${dt('inputgroup.addon.border.radius')};
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-fluid .p-inputgroup .p-button {
|
.p-fluid .p-inputgroup .p-button {
|
||||||
|
|
|
@ -2,6 +2,7 @@ export default {
|
||||||
addon: {
|
addon: {
|
||||||
background: '{form.field.background}',
|
background: '{form.field.background}',
|
||||||
borderColor: '{form.field.border.color}',
|
borderColor: '{form.field.border.color}',
|
||||||
color: '{form.field.icon.color}'
|
color: '{form.field.icon.color}',
|
||||||
|
borderRadius: '{form.field.border.radius}'
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
@ -1,4 +1,7 @@
|
||||||
export default {
|
export default {
|
||||||
|
addon: {
|
||||||
|
borderRadius: '{form.field.border.radius}'
|
||||||
|
},
|
||||||
colorScheme: {
|
colorScheme: {
|
||||||
light: {
|
light: {
|
||||||
addon: {
|
addon: {
|
||||||
|
|
Loading…
Reference in New Issue