Browse Source

style: fix radio button in rtl (#22066)

pull/22085/head
xrkffgg 5 years ago
committed by GitHub
parent
commit
8adefd4390
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 12
      components/radio/style/index.less

12
components/radio/style/index.less

@ -180,10 +180,15 @@ span.@{radio-prefix-cls} + * {
// strange align fix for chrome but works
// https://gw.alipayobjects.com/zos/rmsportal/VFTfKXJuogBAXcvfAUWJ.gif
border-top-width: @border-width-base + 0.02px;
border-left: 0;
border-left-width: 0;
cursor: pointer;
transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
&-rtl {
border-right-width: 0;
border-left-width: @border-width-base;
}
a {
color: @radio-button-color;
}
@ -220,6 +225,11 @@ span.@{radio-prefix-cls} + * {
background-color: @border-color-base;
transition: background-color 0.3s;
content: '';
.@{radio-prefix-cls}-button-wrapper-rtl& {
right: -1px;
left: 0;
}
}
}

Loading…
Cancel
Save