test/amis2
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-11-29 18:48:45 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix: timeline angular样式缺失 (#3501)

Browse Source 
Co-authored-by: yanglu19 <yanglu19@baidu.com>
This commit is contained in:
Dora 2022-01-26 18:54:07 +08:00 committed by GitHub
parent 5b324cf4a4
commit e7c0490b2c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 46 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
scss/_properties.scss
View File

@ -1454,4 +1454,47 @@
--InputFormula-icon-size: #{px2rem(24px)};
--InputFormula-icon-color-onActive: var(--primary);
--InputFormula-code-bgColor: #f2f2f4;
// timeline
--TimelineItem--axle-flex: 0 0 #{px2rem(24px)};
--TimelineItem--left-line-width: #{px2rem(2px)};
--TimelineItem--left-line-left: #{px2rem(13px)};
--TimelineItem--left-line-top: #{px2rem(20px)};
--TimelineItem--round-width: #{px2rem(8px)};
--TimelineItem--round-height: #{px2rem(8px)};
--TimelineItem--round-left: #{px2rem(10px)};
--TimelineItem--round-top: #{px2rem(8px)};
--TimelineItem--icon-width: #{px2rem(16px)};
--TimelineItem--icon-height: #{px2rem(16px)};
--TimelineItem--icon-left: #{px2rem(6px)};
--TimelineItem--content-padding-bottom: var(--gap-md);
--TimelineItem--content-margin-left: var(--gap-base);
--TimelineItem--content-time-margin-bottom: var(--gap-xs);
--TimelineItem--content-title-margin-bottom: var(--gap-xs);
--TimelineItem--detail-button-margin-bottom: var(--gap-base);
--TimelineItem-detail-arrow-width: #{px2rem(16px)};
--TimelineItem-detail-visible-padding: #{px2rem(10px)};
--TimelineItem-detail-visible-max-width: #{px2rem(300px)};
--Timeline-alternate-margin-left: var(--gap-xl);
--TimelineItem--icon-radius: 50%;
--TimelineItem--round-radius: 50%;
--TimelineItem--content-radius: px2rem(2px);
--TimelineItem-detail-visible-shadow: 0 #{px2rem(1px)} #{px2rem(10px)} 0
rgba(0 0 0 / 10%);
--TimelineItem--font-size: var(--fontSizeSm);
--TimelineItem--text-primary-color: #151a26;
--TimelineItem--text-secondary-color: #83868c;
--TimelineItem--detail-button-color: var(--primary);
--TimelineItem--line-bg: #e6e6e8;
--TimelineItem--content-bg: #f2f2f4;
--TimelineItem-round-bg: #dadbdd;
--Timeline--success-bg: var(--success);
--Timeline--info-bg: var(--info);
--Timeline--warning-bg: var(--warning);
--Timeline--danger-bg: var(--danger);
}

43
scss/themes/_antd-variables.scss
View File

@ -168,47 +168,4 @@ $link-color: $info;
--Table-onChecked-borderColor: var(--Table-borderColor);
--Switch-bgColor: #bfbfbf;
// timeline
--TimelineItem--axle-flex: 0 0 #{px2rem(24px)};
--TimelineItem--left-line-width: #{px2rem(2px)};
--TimelineItem--left-line-left: #{px2rem(13px)};
--TimelineItem--left-line-top: #{px2rem(20px)};
--TimelineItem--round-width: #{px2rem(8px)};
--TimelineItem--round-height: #{px2rem(8px)};
--TimelineItem--round-left: #{px2rem(10px)};
--TimelineItem--round-top: #{px2rem(8px)};
--TimelineItem--icon-width: #{px2rem(16px)};
--TimelineItem--icon-height: #{px2rem(16px)};
--TimelineItem--icon-left: #{px2rem(6px)};
--TimelineItem--content-padding-bottom: #{px2rem(16px)};
--TimelineItem--content-margin-left: #{px2rem(8px)};
--TimelineItem--content-time-margin-bottom: #{px2rem(4px)};
--TimelineItem--content-title-margin-bottom: #{px2rem(4px)};
--TimelineItem--detail-button-margin-bottom: #{px2rem(8px)};
--TimelineItem-detail-arrow-width: #{px2rem(16px)};
--TimelineItem-detail-visible-padding: #{px2rem(10px)};
--TimelineItem-detail-visible-max-width: #{px2rem(300px)};
--Timeline-alternate-margin-left: #{px2rem(24px)};
--TimelineItem--icon-radius: 50%;
--TimelineItem--round-radius: 50%;
--TimelineItem--content-radius: #{px2rem(2px)};
--TimelineItem-detail-visible-shadow: 0 #{px2rem(1px)} #{px2rem(10px)} 0
rgba(0 0 0 / 10%);
--TimelineItem--font-size: #{px2rem(12px)};
--TimelineItem--text-primary-color: #151a26;
--TimelineItem--text-secondary-color: #83868c;
--TimelineItem--detail-button-color: var(--primary);
--TimelineItem--line-bg: #e6e6e8;
--TimelineItem--content-bg: #f2f2f4;
--TimelineItem-round-bg: #dadbdd;
--Timeline--success-bg: var(--success);
--Timeline--info-bg: var(--info);
--Timeline--warning-bg: var(--warning);
--Timeline--danger-bg: var(--danger);
}

43
scss/themes/_cxd-variables.scss
View File

@ -618,49 +618,6 @@ $L1: 0px 4px 6px 0px rgba(8, 14, 26, 0.06),
--Rating-inactive-color: #{$G9};
// timeline
--TimelineItem--axle-flex: 0 0 #{px2rem(24px)};
--TimelineItem--left-line-width: #{px2rem(2px)};
--TimelineItem--left-line-left: #{px2rem(13px)};
--TimelineItem--left-line-top: #{px2rem(20px)};
--TimelineItem--round-width: #{px2rem(8px)};
--TimelineItem--round-height: #{px2rem(8px)};
--TimelineItem--round-left: #{px2rem(10px)};
--TimelineItem--round-top: #{px2rem(8px)};
--TimelineItem--icon-width: #{px2rem(16px)};
--TimelineItem--icon-height: #{px2rem(16px)};
--TimelineItem--icon-left: #{px2rem(6px)};
--TimelineItem--content-padding-bottom: #{px2rem(16px)};
--TimelineItem--content-margin-left: #{px2rem(8px)};
--TimelineItem--content-time-margin-bottom: #{px2rem(4px)};
--TimelineItem--content-title-margin-bottom: #{px2rem(4px)};
--TimelineItem--detail-button-margin-bottom: #{px2rem(8px)};
--TimelineItem-detail-arrow-width: #{px2rem(16px)};
--TimelineItem-detail-visible-padding: #{px2rem(10px)};
--TimelineItem-detail-visible-max-width: #{px2rem(300px)};
--Timeline-alternate-margin-left: #{px2rem(24px)};
--TimelineItem--icon-radius: #{$R8};
--TimelineItem--round-radius: #{$R8};
--TimelineItem--content-radius: #{$R2};
--TimelineItem-detail-visible-shadow: 0 #{px2rem(1px)} #{px2rem(10px)} 0
rgba(0 0 0 / 10%);
--TimelineItem--font-size: #{$T2};
--TimelineItem--text-primary-color: #{$text-color};
--TimelineItem--text-secondary-color: #{$G5};
--TimelineItem--detail-button-color: var(--primary);
--TimelineItem--line-bg: #{$G9};
--TimelineItem--content-bg: #{$G10};
--TimelineItem-round-bg: #{$G8};
--Timeline--success-bg: var(--success);
--Timeline--info-bg: var(--info);
--Timeline--warning-bg: var(--warning);
--Timeline--danger-bg: var(--danger);
// Formula
--InputFormula-code-bgColor: #{$G10};
}

3
scss/themes/_dark-variables.scss
View File

@ -123,4 +123,7 @@ $link-color: $info;
--Radio-onDisabled-bg: var(--Panel-bg);
// --Nav-subNav-bg: var(--Panel-bg);
// timeline
--TimelineItem--text-primary-color: #{$text-color};
}