styles: 调整InputRating组件图标尺寸 (#8869)

Co-authored-by: zhaowenli <zhaowenli@baidu.com>
This commit is contained in:
xiangwaner 2023-11-23 19:38:43 +08:00 committed by GitHub
parent 7d4776e78a
commit 9668415966
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 3 deletions

View File

@ -1862,6 +1862,7 @@
// 评分
--Rating-star-margin: var(--sizes-size-5);
--Rating-star-size: var(--sizes-base-12);
--Rating-star-icon-size: var(--sizes-base-9);
--Rating-star-icon: '<svg class="icon" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="currentColor" d="M4.99672493,4.37617062 L1.28100904,4.93702533 C0.463702827,5.06039054 -0.102812689,5.85030962 0.0156612291,6.70135899 C0.0628630935,7.04043042 0.216147743,7.35382434 0.451761131,7.59297508 L3.14101949,10.3226082 L3.14101949,10.3226082 L2.50531937,14.1787855 C2.3655991,15.0263332 2.91216489,15.8313483 3.72610824,15.9768371 C4.05030943,16.0347866 4.38381497,15.9798039 4.67496871,15.8204054 L7.99934906,14.0003997 L7.99934906,14.0003997 L11.3254267,15.8208814 C12.0564401,16.2209912 12.9605363,15.9282748 13.3447823,15.167081 C13.4978067,14.8639388 13.5505833,14.5167196 13.4949403,14.1791872 L12.859174,10.3226082 L12.859174,10.3226082 L15.5482634,7.59400813 C16.1397301,6.99385103 16.1519752,6.00805341 15.5756136,5.39216751 C15.3460036,5.14681192 15.0450939,4.98715562 14.7195072,4.93793566 L11.0034685,4.37617062 L11.0034685,4.37617062 L9.34151455,0.868493275 C8.97611971,0.0973002947 8.07952072,-0.219434766 7.33890469,0.161045701 C7.04395753,0.312570398 6.80521255,0.561123051 6.65963735,0.868217393 L4.99672493,4.37617062 L4.99672493,4.37617062 Z"></path></svg>';
--Rating-colors: '[{"value":"#abadb1","id":2},{"value":"#787b81","id":3},{"value":"#ffa900","id":5}]';
--Rating-text-color: var(--colors-neutral-text-2);

View File

@ -16,11 +16,14 @@
}
&-star {
display: flex;
align-items: center;
justify-content: center;
width: var(--Rating-star-size);
height: var(--Rating-star-size);
position: relative;
margin-right: var(--Rating-star-margin);
overflow: hidden;
display: block;
font-size: var(--Rating-star-size);
font-size: var(--Rating-star-icon-size);
line-height: 1;
cursor: pointer;
user-select: none;
@ -71,7 +74,18 @@
}
.Rating-star-icon {
display: flex;
align-items: center;
justify-content: center;
width: var(--Rating-star-size);
height: var(--Rating-star-size);
content: var(--Rating-star-icon);
& > svg.icon {
width: var(--Rating-star-icon-size);
height: var(--Rating-star-icon-size);
top: 0;
}
}
.#{$ns}RatingControl {