mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-12-16 01:29:11 +08:00
Code Issues Actions 29 Packages Projects Releases Wiki Activity
ae62ef7087
ant-design/components/steps/style/rtl.less

288 lines
5.7 KiB
Plaintext
Raw Normal View History

style: add rtl.less of Steps (#22290) * style: add rtl.less of Steps\DatePicker * style: add rtl.less of Steps\DatePicker * style: remove datepicker
2020-03-17 15:14:29 +08:00
.@{steps-prefix-cls} {
&-rtl {
direction: rtl;
}
}
.@{steps-prefix-cls}-item {
&-icon {
style: optimize steps rtl (#23564)
2020-04-24 17:55:44 +08:00
.@{steps-prefix-cls}.@{steps-prefix-cls}-rtl & {
style: add rtl.less of Steps (#22290) * style: add rtl.less of Steps\DatePicker * style: add rtl.less of Steps\DatePicker * style: remove datepicker
2020-03-17 15:14:29 +08:00
margin-right: 0;
margin-left: 8px;
}
}
&-tail {
.@{steps-prefix-cls}-rtl & {
right: 0;
left: auto;
}
}
&-title {
.@{steps-prefix-cls}-rtl & {
padding-right: 0;
padding-left: 16px;
}
style: fix the problem of inconsistent styles in RTL mode (#35088)
2022-04-19 15:31:08 +08:00
.@{steps-prefix-cls}-item-subtitle {
.@{steps-prefix-cls}-rtl & {
float: left;
margin-right: 8px;
margin-left: 0;
}
}
style: add rtl.less of Steps (#22290) * style: add rtl.less of Steps\DatePicker * style: add rtl.less of Steps\DatePicker * style: remove datepicker
2020-03-17 15:14:29 +08:00
&::after {
.@{steps-prefix-cls}-rtl & {
right: 100%;
left: auto;
}
}
}
}
.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical) {
.@{steps-prefix-cls}-item {
.@{steps-prefix-cls}-rtl& {
fix: Steps progress circle size & rtl style when use `progress` (#26075) * fix: Steps progress circle size * test: update snapshot * fix: rtl
2020-08-09 20:28:08 +08:00
padding-right: 16px;
padding-left: 0;
style: add rtl.less of Steps (#22290) * style: add rtl.less of Steps\DatePicker * style: add rtl.less of Steps\DatePicker * style: remove datepicker
2020-03-17 15:14:29 +08:00
}
fix: Steps progress circle size & rtl style when use `progress` (#26075) * fix: Steps progress circle size * test: update snapshot * fix: rtl
2020-08-09 20:28:08 +08:00
&:first-child {
style: add rtl.less of Steps (#22290) * style: add rtl.less of Steps\DatePicker * style: add rtl.less of Steps\DatePicker * style: remove datepicker
2020-03-17 15:14:29 +08:00
.@{steps-prefix-cls}-rtl& {
fix: Steps progress circle size & rtl style when use `progress` (#26075) * fix: Steps progress circle size * test: update snapshot * fix: rtl
2020-08-09 20:28:08 +08:00
padding-right: 0;
style: add rtl.less of Steps (#22290) * style: add rtl.less of Steps\DatePicker * style: add rtl.less of Steps\DatePicker * style: remove datepicker
2020-03-17 15:14:29 +08:00
}
}
style: fix the problem of inconsistent styles in RTL mode (#35088)
2022-04-19 15:31:08 +08:00
style: add rtl.less of Steps (#22290) * style: add rtl.less of Steps\DatePicker * style: add rtl.less of Steps\DatePicker * style: remove datepicker
2020-03-17 15:14:29 +08:00
&:last-child .@{steps-prefix-cls}-item-title {
.@{steps-prefix-cls}-rtl& {
padding-left: 0;
}
}
}
}
style: fix rtl.less place and name (#22384)
2020-03-19 12:13:24 +08:00
// custom-icon
.@{steps-prefix-cls}-item-custom {
.@{steps-prefix-cls}-item-icon {
> .@{steps-prefix-cls}-icon {
.@{steps-prefix-cls}-rtl & {
right: 0.5px;
left: auto;
}
}
}
}
// nav
.@{steps-prefix-cls}-navigation {
&.@{steps-prefix-cls}-small {
.@{steps-prefix-cls}-item {
&-container {
.@{steps-prefix-cls}-rtl& {
margin-right: -12px;
margin-left: 0;
}
}
}
}
.@{steps-prefix-cls}-item {
&-container {
.@{steps-prefix-cls}-rtl& {
margin-right: -16px;
margin-left: 0;
text-align: right;
}
style: fix the problem of inconsistent styles in RTL mode (#35088)
2022-04-19 15:31:08 +08:00
style: fix rtl.less place and name (#22384)
2020-03-19 12:13:24 +08:00
.@{steps-prefix-cls}-item-title {
.@{steps-prefix-cls}-rtl& {
padding-left: 0;
}
}
}
&::after {
.@{steps-prefix-cls}-rtl& {
right: 100%;
left: auto;
margin-right: -2px;
margin-left: 0;
transform: rotate(225deg);
}
}
}
}
// small
.@{steps-prefix-cls}-small {
&.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical)
.@{steps-prefix-cls}-item {
.@{steps-prefix-cls}-rtl& {
fix: Steps progress circle size & rtl style when use `progress` (#26075) * fix: Steps progress circle size * test: update snapshot * fix: rtl
2020-08-09 20:28:08 +08:00
padding-right: 12px;
padding-left: 0;
style: fix rtl.less place and name (#22384)
2020-03-19 12:13:24 +08:00
}
fix: Steps progress circle size & rtl style when use `progress` (#26075) * fix: Steps progress circle size * test: update snapshot * fix: rtl
2020-08-09 20:28:08 +08:00
&:first-child {
style: fix rtl.less place and name (#22384)
2020-03-19 12:13:24 +08:00
.@{steps-prefix-cls}-rtl& {
fix: Steps progress circle size & rtl style when use `progress` (#26075) * fix: Steps progress circle size * test: update snapshot * fix: rtl
2020-08-09 20:28:08 +08:00
padding-right: 0;
style: fix rtl.less place and name (#22384)
2020-03-19 12:13:24 +08:00
}
}
}
.@{steps-prefix-cls}-item-title {
.@{steps-prefix-cls}-rtl& {
padding-right: 0;
style: optimize steps rtl (#23564)
2020-04-24 17:55:44 +08:00
padding-left: 12px;
style: fix rtl.less place and name (#22384)
2020-03-19 12:13:24 +08:00
}
}
}
// vertical
fix: Steps vertical style in rtl (#27996)
2020-11-25 14:55:56 +08:00
.@{steps-prefix-cls}-vertical {
> .@{steps-prefix-cls}-item {
.@{steps-prefix-cls}-item-icon {
style: fix rtl.less place and name (#22384)
2020-03-19 12:13:24 +08:00
.@{steps-prefix-cls}-rtl& {
float: right;
margin-right: 0;
style: optimize steps style (#23855) * style: optimize steps style * fix: name * Update Co-authored-by: 偏右 <afc163@gmail.com> * fix: sm Co-authored-by: 偏右 <afc163@gmail.com>
2020-05-05 13:55:05 +08:00
margin-left: @steps-vertical-icon-width;
style: fix rtl.less place and name (#22384)
2020-03-19 12:13:24 +08:00
}
}
}
> .@{steps-prefix-cls}-item
> .@{steps-prefix-cls}-item-container
> .@{steps-prefix-cls}-item-tail {
.@{steps-prefix-cls}-rtl& {
style: optimize steps style (#23855) * style: optimize steps style * fix: name * Update Co-authored-by: 偏右 <afc163@gmail.com> * fix: sm Co-authored-by: 偏右 <afc163@gmail.com>
2020-05-05 13:55:05 +08:00
right: @steps-vertical-tail-width;
style: fix rtl.less place and name (#22384)
2020-03-19 12:13:24 +08:00
left: auto;
}
}
&.@{steps-prefix-cls}-small .@{steps-prefix-cls}-item-container {
.@{steps-prefix-cls}-item-tail {
.@{steps-prefix-cls}-rtl& {
style: optimize steps style (#23855) * style: optimize steps style * fix: name * Update Co-authored-by: 偏右 <afc163@gmail.com> * fix: sm Co-authored-by: 偏右 <afc163@gmail.com>
2020-05-05 13:55:05 +08:00
right: @steps-vertical-tail-width-sm;
style: fix rtl.less place and name (#22384)
2020-03-19 12:13:24 +08:00
left: auto;
}
}
}
}
fix: steps rtl style (#22523)
2020-03-23 17:50:39 +08:00
// label
.@{steps-prefix-cls}-label-vertical {
.@{steps-prefix-cls}-item {
&-title {
.@{steps-prefix-cls}-rtl& {
padding-left: 0;
}
}
}
}
style: fix steps rtl (#23183)
2020-04-13 13:53:42 +08:00
// progress-dot
.@{steps-prefix-cls}-dot,
.@{steps-prefix-cls}-dot.@{steps-prefix-cls}-small {
.@{steps-prefix-cls}-item {
&-tail {
.@{steps-prefix-cls}-rtl& {
chore(🆙): upgrade less to 4.0.0 (#28466) * chore(:up:): upgrade less to 4.0.0 * chore(:up:): upgrade bisheng to 3.0.0 * fix for less 4.0 * fix for less 4.0 * fix for less 4.0 * fix for less 4.0 * fix for less 4.0 * fix for less 4.0 * fix for less 4.0 * fix for less 4.0 * fix for less 4.0 * fix for less 4.0 * fix for less 4.0 * fix for less 4.0 * fix for less 4.0 * fix progress font size
2020-12-25 14:31:44 +08:00
margin: 0 (@steps-description-max-width / 2) 0 0;
style: fix steps rtl (#23183)
2020-04-13 13:53:42 +08:00
}
&::after {
.@{steps-prefix-cls}-rtl& {
margin-right: 12px;
margin-left: 0;
}
}
}
style: fix the problem of inconsistent styles in RTL mode (#35088)
2022-04-19 15:31:08 +08:00
style: fix steps rtl (#23183)
2020-04-13 13:53:42 +08:00
&:first-child .@{steps-prefix-cls}-icon-dot {
.@{steps-prefix-cls}-rtl& {
right: 2px;
left: auto;
}
}
chore(deps-dev): bump stylelint-config-prettier from 8.0.2 to 9.0.2 (#32451) * chore(deps-dev): bump stylelint-config-prettier from 8.0.2 to 9.0.2 Bumps [stylelint-config-prettier](https://github.com/prettier/stylelint-config-prettier) from 8.0.2 to 9.0.2. - [Release notes](https://github.com/prettier/stylelint-config-prettier/releases) - [Commits](https://github.com/prettier/stylelint-config-prettier/compare/v8.0.2...v9.0.2) --- updated-dependencies: - dependency-name: stylelint-config-prettier dependency-type: direct:development update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com> * chore: autofix stylelint errors * chore: autofix stylelint errors Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: afc163 <afc163@gmail.com>
2021-10-13 15:38:59 +08:00
style: fix steps rtl (#23183)
2020-04-13 13:53:42 +08:00
&-icon {
.@{steps-prefix-cls}-rtl& {
margin-right: 67px;
margin-left: 0;
}
.@{steps-prefix-cls}-icon-dot {
.@{steps-prefix-cls}-rtl& {
float: right;
}
chore(deps): update dependency stylelint to v14 (#32609) * chore(deps): update dependency stylelint to v14 * Update package.json * fix some stylelint * fix some stylelint * fix some stylelint errors * fix some stylelint errors * fix some stylelint errors * fix some stylelint errors * fix some stylelint errors Co-authored-by: Renovate Bot <bot@renovateapp.com> Co-authored-by: afc163 <afc163@gmail.com>
2021-10-22 13:35:36 +08:00
style: fix steps rtl (#23183)
2020-04-13 13:53:42 +08:00
/* expand hover area */
&::after {
.@{steps-prefix-cls}-rtl& {
right: -26px;
left: auto;
}
}
}
}
}
}
.@{steps-prefix-cls}-vertical.@{steps-prefix-cls}-dot {
.@{steps-prefix-cls}-item-icon {
.@{steps-prefix-cls}-rtl& {
margin-right: 0;
margin-left: 16px;
}
}
style: fix the problem of inconsistent styles in RTL mode (#35088)
2022-04-19 15:31:08 +08:00
style: fix steps rtl (#23183)
2020-04-13 13:53:42 +08:00
// https://github.com/ant-design/ant-design/issues/18354
.@{steps-prefix-cls}-item > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
.@{steps-prefix-cls}-rtl& {
right: -9px;
left: auto;
}
}
style: fix the problem of inconsistent styles in RTL mode (#35088)
2022-04-19 15:31:08 +08:00
style: fix steps rtl (#23183)
2020-04-13 13:53:42 +08:00
.@{steps-prefix-cls}-item:first-child .@{steps-prefix-cls}-icon-dot {
.@{steps-prefix-cls}-rtl& {
right: 0;
left: auto;
}
}
style: fix the problem of inconsistent styles in RTL mode (#35088)
2022-04-19 15:31:08 +08:00
style: fix steps rtl (#23183)
2020-04-13 13:53:42 +08:00
.@{steps-prefix-cls}-item-process .@{steps-prefix-cls}-icon-dot {
.@{steps-prefix-cls}-rtl& {
right: -2px;
left: auto;
}
}
}
fix: Steps with progress - Circle get cut at the bottom (#30373) * Step with progress - Circle get cut at the bottom * rtl step with progress - circle get cut at the right
2021-05-05 22:46:31 +08:00
// RTL Steps with progress
fix(steps): fix steps style (#39103) * docs(steps): update demo * fix(steps): fix steps style fix #39088 * test: update snapshot * fix: update * chore: additional RTL styles
2022-12-01 11:05:42 +08:00
.@{steps-prefix-cls}-rtl.@{steps-prefix-cls}-with-progress {
&.@{steps-prefix-cls}-vertical > .@{steps-prefix-cls}-item {
fix: Steps with progress - Circle get cut at the bottom (#30373) * Step with progress - Circle get cut at the bottom * rtl step with progress - circle get cut at the right
2021-05-05 22:46:31 +08:00
padding-right: 4px;
fix(steps): fix steps style (#39103) * docs(steps): update demo * fix(steps): fix steps style fix #39088 * test: update snapshot * fix: update * chore: additional RTL styles
2022-12-01 11:05:42 +08:00
> .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
right: @steps-vertical-tail-width + 3;
}
}
&.@{steps-prefix-cls}-small.@{steps-prefix-cls}-vertical > .@{steps-prefix-cls}-item {
> .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
right: @steps-vertical-tail-width-sm + 3;
}
}
&.@{steps-prefix-cls}-horizontal.@{steps-prefix-cls}-label-horizontal {
.@{steps-prefix-cls}-item:first-child {
style: fix the problem of inconsistent styles in RTL mode (#35088)
2022-04-19 15:31:08 +08:00
padding-right: 4px;
fix(steps): fix steps style (#39103) * docs(steps): update demo * fix(steps): fix steps style fix #39088 * test: update snapshot * fix: update * chore: additional RTL styles
2022-12-01 11:05:42 +08:00
padding-left: 0;
&.@{steps-prefix-cls}-item-active {
padding-right: 4px;
}
style: fix the problem of inconsistent styles in RTL mode (#35088)
2022-04-19 15:31:08 +08:00
}
fix: Steps with progress - Circle get cut at the bottom (#30373) * Step with progress - Circle get cut at the bottom * rtl step with progress - circle get cut at the right
2021-05-05 22:46:31 +08:00
}
}
Reference in New Issue Copy Permalink