Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

Fix disparity in the styles of local and release builds.

Browse Source
This commit is contained in:
Abhinav Jha 2020-03-05 14:11:32 +05:30
parent 6edd3edf66
commit 8b6eabd771
6 changed files with 21 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/client/src/components/designSystems/appsmith/FilePickerComponent.tsx
View File

@ -26,7 +26,8 @@ class FilePickerComponent extends React.Component<
return ( return (
<React.Fragment> <React.Fragment>
<BaseButton <BaseButton
accent={"primary"} accent="primary"
filled
className={this.props.isLoading ? "bp3-skeleton" : ""} className={this.props.isLoading ? "bp3-skeleton" : ""}
text={ text={
this.props.files && this.props.files.length === 0 this.props.files && this.props.files.length === 0

3
app/client/src/components/designSystems/blueprint/ButtonComponent.tsx
View File

@ -31,7 +31,7 @@ const ButtonColorStyles = css<ButtonStyleProps>`
const ButtonWrapper = styled((props: ButtonStyleProps & IButtonProps) => ( const ButtonWrapper = styled((props: ButtonStyleProps & IButtonProps) => (
<AnchorButton {..._.omit(props, ["accent", "filled"])} /> <AnchorButton {..._.omit(props, ["accent", "filled"])} />
))<ButtonStyleProps>` ))<ButtonStyleProps>`
&& { &&&& {
${ButtonColorStyles}; ${ButtonColorStyles};
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -48,7 +48,6 @@ const ButtonWrapper = styled((props: ButtonStyleProps & IButtonProps) => (
font-family: "DM Sans"; font-family: "DM Sans";
outline: none; outline: none;
&.bp3-button { &.bp3-button {
min-height: auto;
padding: 0px 10px; padding: 0px 10px;
} }
&& .bp3-button-text { && .bp3-button-text {

4
app/client/src/components/editorComponents/NavBarItem.tsx
View File

@ -27,7 +27,8 @@ const IconContainer = styled.div`
`; `;
const ItemContainer = styled.div` const ItemContainer = styled.div`
a { && {
a {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
@ -53,6 +54,7 @@ const ItemContainer = styled.div`
} }
} }
} }
}
`; `;
class NavBarItem extends React.Component<Props> { class NavBarItem extends React.Component<Props> {

2
app/client/src/pages/Editor/EditorSidebar.tsx
View File

@ -120,7 +120,7 @@ const DraftIconIndicator = styled.span<{ isHidden: boolean }>`
`; `;
const CreateNewButton = styled(BaseButton)` const CreateNewButton = styled(BaseButton)`
&& { &&&& {
border: none; border: none;
color: ${props => props.theme.colors.textOnDarkBG}; color: ${props => props.theme.colors.textOnDarkBG};
height: 32px; height: 32px;

3
app/client/src/pages/Editor/WidgetsEditor.tsx
View File

@ -56,10 +56,9 @@ const WidgetsEditor = (props: EditorProps) => {
const { pageId } = params; const { pageId } = params;
const canvasContainer: MutableRefObject<HTMLElement | null> = useRef(null); const canvasContainer: MutableRefObject<HTMLElement | null> = useRef(null);
const handleWrapperClick = (e: any) => { const handleWrapperClick = () => {
focusWidget && focusWidget(); focusWidget && focusWidget();
selectWidget && selectWidget(); selectWidget && selectWidget();
e.preventDefault();
}; };
/* eslint-disable react-hooks/exhaustive-deps */ /* eslint-disable react-hooks/exhaustive-deps */
useEffect(() => { useEffect(() => {

24
app/client/src/pages/UserAuth/StyledComponents.tsx
View File

@ -11,17 +11,19 @@ export const AuthContainer = styled.section`
`; `;
export const AuthCard = styled(Card)` export const AuthCard = styled(Card)`
width: ${props => props.theme.authCard.width}px; && {
background: ${props => props.theme.authCard.background}; width: ${props => props.theme.authCard.width}px;
border-radius: ${props => props.theme.authCard.borderRadius}px; background: ${props => props.theme.authCard.background};
padding: ${props => props.theme.authCard.padding}px; border-radius: ${props => props.theme.authCard.borderRadius}px;
box-shadow: ${props => props.theme.authCard.shadow}; padding: ${props => props.theme.authCard.padding}px;
border: none; box-shadow: ${props => props.theme.authCard.shadow};
& h1, border: none;
h5 { & h1,
padding: 0; h5 {
margin: 0; padding: 0;
font-weight: ${props => props.theme.fontWeights[1]}; margin: 0;
font-weight: ${props => props.theme.fontWeights[1]};
}
} }
`; `;