Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit6b8a497

Browse files
committed
Fixes and introduction of text-decoration and text transform property with css control
1 parent50f87fc commit6b8a497

File tree

15 files changed

+72
-3
lines changed

15 files changed

+72
-3
lines changed

‎client/packages/lowcoder/src/comps/comps/buttonComp/buttonCompConstants.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,8 @@ export function getButtonStyle(buttonStyle: ButtonStyleType) {
2424
font-weight:${buttonStyle.textWeight};
2525
font-family:${buttonStyle.fontFamily};
2626
font-style:${buttonStyle.fontStyle};
27+
text-transform:${buttonStyle.textTransform};
28+
text-decoration:${buttonStyle.textDecoration};
2729
background-color:${buttonStyle.background};
2830
border-radius:${buttonStyle.radius};
2931
margin:${buttonStyle.margin};

‎client/packages/lowcoder/src/comps/comps/buttonComp/dropdownComp.tsx‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,30 +25,41 @@ import {
2525

2626
constStyledDropdownButton=styled(DropdownButton)`
2727
width: 100%;
28+
2829
.ant-btn-group {
2930
width: 100%;
31+
3032
}
3133
`;
3234

3335
constLeftButtonWrapper=styled.div<{$buttonStyle:ButtonStyleType}>`
3436
width: calc(100%);
3537
${(props)=>`margin:${props.$buttonStyle.margin};`}
3638
margin-right: 0;
39+
.ant-btn span {
40+
${(props)=>`text-decoration:${props.$buttonStyle.textDecoration};`}
41+
${(props)=>`font-family:${props.$buttonStyle.fontFamily};`}
42+
}
43+
3744
.ant-btn {
3845
${(props)=>getButtonStyle(props.$buttonStyle)}
3946
margin: 0 !important;
4047
height: 100%;
4148
&.ant-btn-default {
4249
margin: 0 !important;
4350
${(props)=>`border-radius:${props.$buttonStyle.radius} 0 0${props.$buttonStyle.radius};`}
51+
${(props)=>`text-transform:${props.$buttonStyle.textTransform};`}
52+
${(props)=>`font-weight:${props.$buttonStyle.textWeight};`}
4453
}
4554
${(props)=>`background-color:${props.$buttonStyle.background};`}
4655
${(props)=>`color:${props.$buttonStyle.text};`}
4756
${(props)=>`padding:${props.$buttonStyle.padding};`}
4857
${(props)=>`font-size:${props.$buttonStyle.textSize};`}
4958
${(props)=>`font-style:${props.$buttonStyle.fontStyle};`}
59+
5060
width: 100%;
5161
}
62+
5263
`;
5364

5465
constRightButtonWrapper=styled.div<{$buttonStyle:ButtonStyleType}>`

‎client/packages/lowcoder/src/comps/comps/buttonComp/linkComp.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -34,6 +34,8 @@ const Link = styled(Button) <{ $style: LinkStyleType }>`
3434
font-weight:${props.$style.textWeight};
3535
border:${props.$style.borderWidth} solid${props.$style.border};
3636
border-radius:${props.$style.radius ?props.$style.radius:'0px'};
37+
text-transform:${props.$style.textTransform ?props.$style.textTransform:''};
38+
text-decoration:${props.$style.textDecoration ?props.$style.textDecoration:''} !important;
3739
background-color:${props.$style.background};
3840
&:hover {
3941
color:${props.$style.hoverText} !important;

‎client/packages/lowcoder/src/comps/comps/dividerComp.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,8 @@ const StyledDivider = styled(Divider) <IProps>`
3030
font-size:${(props)=>props.$style.textSize};
3131
font-weight:${(props)=>props.$style.textWeight};
3232
font-family:${(props)=>props.$style.fontFamily};
33+
text-transform:${(props)=>props.$style.textTransform};
34+
text-decoration:${(props)=>props.$style.textDecoration};
3335
font-style:${(props)=>props.$style.fontStyle}
3436
}
3537
min-width: 0;

‎client/packages/lowcoder/src/comps/comps/navComp/navComp.tsx‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,8 @@ const Item = styled.div<{
5252
$textSize:string;
5353
$margin:string;
5454
$padding:string;
55+
$textTransform:string;
56+
$textDecoration:string;
5557
}>`
5658
height: 30px;
5759
line-height: 30px;
@@ -61,6 +63,8 @@ const Item = styled.div<{
6163
font-family:${(props)=>(props.$fontFamily ?props.$fontFamily :'sans-serif')};
6264
font-style:${(props)=>(props.$fontStyle ?props.$fontStyle :'normal')};
6365
font-size:${(props)=>(props.$textSize ?props.$textSize :'14px')};
66+
text-transform:${(props)=>(props.$textTransform ?props.$textTransform :'')};
67+
text-decoration:${(props)=>(props.$textDecoration ?props.$textDecoration :'')};
6468
margin:${(props)=>props.$margin ?props.$margin :'0px'};
6569
6670
&:hover {
@@ -161,6 +165,8 @@ const NavCompBase = new UICompBuilder(childrenMap, (props) => {
161165
$textWeight={props.style.textWeight}
162166
$textSize={props.style.textSize}
163167
$padding={props.style.padding}
168+
$textTransform={props.style.textTransform}
169+
$textDecoration={props.style.textDecoration}
164170
$margin={props.style.margin}
165171
onClick={()=>onEvent("click")}
166172
>

‎client/packages/lowcoder/src/comps/comps/selectInputComp/checkboxComp.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -86,6 +86,8 @@ export const getStyle = (style: CheckboxStyleType) => {
8686
font-size:${style.textSize};
8787
font-weight:${style.textWeight};
8888
font-style:${style.fontStyle};
89+
text-transform:${style.textTransform};
90+
text-decoration:${style.textDecoration};
8991
}
9092
.ant-checkbox-wrapper {
9193
padding:${style.padding};

‎client/packages/lowcoder/src/comps/comps/selectInputComp/radioComp.tsx‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,8 @@ const getStyle = (style: RadioStyleType) => {
2525
font-size:${style.textSize};
2626
font-weight:${style.textWeight};
2727
font-style:${style.fontStyle};
28+
text-transform:${style.textTransform};
29+
text-decoration:${style.textDecoration};
2830
}
2931
3032
.ant-radio-checked {
@@ -47,6 +49,12 @@ const getStyle = (style: RadioStyleType) => {
4749
}
4850
}
4951
52+
&:hover .ant-radio-inner,
53+
.ant-radio:hover .ant-radio-inner,
54+
.ant-radio-input+ant-radio-inner {
55+
background-color:${style.hoverBackground ?style.hoverBackground:'#ffff'};
56+
}
57+
5058
&:hover .ant-radio-inner,
5159
.ant-radio:hover .ant-radio-inner,
5260
.ant-radio-input:focus+ .ant-radio-inner {

‎client/packages/lowcoder/src/comps/comps/textComp.tsx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,8 @@ const getStyle = (style: TextStyleType) => {
3030
font-weight:${style.textWeight}!important;
3131
font-family:${style.fontFamily}!important;
3232
font-style:${style.fontStyle}!important;
33+
text-transform:${style.textTransform}!important;
34+
text-decoration:${style.textDecoration}!important;
3335
background-color:${style.background};
3436
.markdown-bodya {
3537
color:${style.links};
@@ -146,7 +148,6 @@ let TextTmpComp = (function () {
146148
.setPropertyViewFn((children)=>{
147149
return(
148150
<>
149-
150151
<Sectionname={sectionNames.basic}>
151152
{children.type.propertyView({
152153
label:trans("value"),

‎client/packages/lowcoder/src/comps/comps/textInputComp/mentionComp.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -62,6 +62,8 @@ const Wrapper = styled.div<{
6262
.rc-textarea {
6363
background-color:${(props)=>props.$style.background};
6464
padding:${(props)=>props.$style.padding};
65+
text-transform:${(props)=>props.$style.textTransform};
66+
text-decoration:${(props)=>props.$style.textDecoration};
6567
margin: 0px 3px 0px 3px !important;
6668
}
6769

‎client/packages/lowcoder/src/comps/comps/textInputComp/textInputConstants.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -230,6 +230,8 @@ export function getStyle(style: InputLikeStyleType) {
230230
font-weight:${style.textWeight};
231231
font-family:${style.fontFamily};
232232
font-style:${style.fontStyle};
233+
text-transform:${style.textTransform};
234+
text-decoration:${style.textDecoration};
233235
background-color:${style.background};
234236
border-color:${style.border};
235237

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp