font-weight and alignment

Signed-off-by: Virginie Ky <virginie.ky@gmail.com>
This commit is contained in:
Virginie Ky 2020-02-11 17:12:40 +01:00
parent 3e98f25376
commit 45ecaec15c
17 changed files with 41 additions and 77 deletions

View File

@ -99,16 +99,13 @@ const Wrapper = styled.div`
padding: 0 15px;
margin: 0;
border-radius: 2px !important;
line-height: 24px;
line-height: 23px;
font-size: 13px;
font-weight: 500 !important;
cursor: pointer;
span {
display: inline-block;
width: 100%;
height: 100%;
line-height: 24px;
}
}

View File

@ -106,9 +106,6 @@ function EditView() {
id: 'Settings.webhooks.trigger',
}),
onClick: () => handleTrigger(),
style: {
padding: '0 15px',
},
title: isTriggerActionDisabled
? formatMessage({
id: 'Settings.webhooks.trigger.save',
@ -117,8 +114,8 @@ function EditView() {
type: 'button',
icon: (
<Play
width="14px"
height="14px"
width="8px"
height="10px"
fill={isTriggerActionDisabled ? '#b4b6ba' : '#ffffff'}
/>
),
@ -131,7 +128,8 @@ function EditView() {
}),
onClick: () => handleReset(),
style: {
padding: '0 20px',
paddingLeft: '20px',
paddingRight: '20px',
},
type: 'button',
},

View File

@ -25,7 +25,9 @@ const primary = css`
min-width: 14rem;
font-weight: 500;
border: 1px solid;
background: linear-gradient(315deg, #0097f6 0%, #005eea 100%);
background-color: #007EFF;
background:
-webkit-font-smoothing: antialiased;
color: white;
&:active {
@ -144,7 +146,7 @@ const StyledButton = styled.button`
border-radius: 0.3rem;
white-space: nowrap;
margin-right: 1.8rem;
line-height: 26px;
line-height: 25px;
font-size: 13px;
cursor: pointer;
font-family: Lato;

View File

@ -13,7 +13,7 @@ const FooterModal = styled.div`
padding-top: ${sizes.margin * 0.9}px;
section {
display: flex;
height: 72px;
height: 73px;
padding: 0 ${sizes.margin * 3}px;
justify-content: flex-end;
&:last-of-type {

View File

@ -4,6 +4,7 @@ const ListButton = styled.div`
button {
width: 100%;
height: 54px;
border: 0;
border-top: 1px solid #aed4fb;
color: #007eff;
font-weight: 500;

View File

@ -11,11 +11,12 @@ const StyledPluginHeaderActions = styled.div`
justify-content: flex-end;
width: fit-content;
max-width: 100%;
padding-top: 0.9rem;
padding-top: 1rem;
button {
margin-right: 0;
margin-left: 1rem;
max-width: 100%;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

View File

@ -3,7 +3,7 @@ import styled from 'styled-components';
const StyledFooter = styled.div`
display: flex;
width: 100%;
margin-top: 18px;
margin-top: 19px;
justify-content: space-between;
background-color: #eff3f6;
padding: 15px 30px 17px 30px;

View File

@ -12,9 +12,6 @@ export { default as Button } from './components/Button';
export { default as ButtonModal } from './components/ButtonModal';
export { default as CircleButton } from './components/CircleButton';
export { default as ContainerFluid } from './components/ContainerFluid';
export {
default as EmptyAttributesBlock,
} from './components/EmptyAttributesBlock';
export { default as ErrorBoundary } from './components/ErrorBoundary';
export { default as ExtendComponent } from './components/ExtendComponent';
export { default as GlobalPagination } from './components/GlobalPagination';
@ -24,54 +21,32 @@ export { default as HeaderModalTitle } from './components/HeaderModalTitle';
export { default as IcoContainer } from './components/IcoContainer';
export { default as InputAddon } from './components/InputAddon';
export {
default as InputAddonWithErrors,
} from './components/InputAddonWithErrors';
export { default as InputAddonWithErrors } from './components/InputAddonWithErrors';
export { default as InputCheckbox } from './components/InputCheckbox';
export {
default as InputCheckboxWithErrors,
} from './components/InputCheckboxWithErrors';
export { default as InputCheckboxWithErrors } from './components/InputCheckboxWithErrors';
export { default as InputDate } from './components/InputDate';
export {
default as InputDateWithErrors,
} from './components/InputDateWithErrors';
export { default as InputDateWithErrors } from './components/InputDateWithErrors';
export { default as InputDescription } from './components/InputDescription';
export { default as InputEmail } from './components/InputEmail';
export {
default as InputEmailWithErrors,
} from './components/InputEmailWithErrors';
export { default as InputEmailWithErrors } from './components/InputEmailWithErrors';
export { default as InputErrors } from './components/InputErrors';
export { default as InputFile } from './components/InputFile';
export { default as InputNumber } from './components/InputNumber';
export {
default as InputNumberWithErrors,
} from './components/InputNumberWithErrors';
export { default as InputNumberWithErrors } from './components/InputNumberWithErrors';
export { default as InputPassword } from './components/InputPassword';
export {
default as InputPasswordWithErrors,
} from './components/InputPasswordWithErrors';
export { default as InputPasswordWithErrors } from './components/InputPasswordWithErrors';
export { default as InputSearch } from './components/InputSearch';
export {
default as InputSearchWithErrors,
} from './components/InputSearchWithErrors';
export { default as InputSearchWithErrors } from './components/InputSearchWithErrors';
export { default as InputSelect } from './components/InputSelect';
export {
default as InputSelectWithErrors,
} from './components/InputSelectWithErrors';
export { default as InputSelectWithErrors } from './components/InputSelectWithErrors';
export { default as InputsIndex } from './components/InputsIndex';
export { default as InputSpacer } from './components/InputSpacer';
export { default as InputText } from './components/InputText';
export {
default as InputTextWithErrors,
} from './components/InputTextWithErrors';
export { default as InputTextWithErrors } from './components/InputTextWithErrors';
export { default as InputTextArea } from './components/InputTextArea';
export {
default as InputTextAreaWithErrors,
} from './components/InputTextAreaWithErrors';
export { default as InputTextAreaWithErrors } from './components/InputTextAreaWithErrors';
export { default as InputToggle } from './components/InputToggle';
export {
default as InputToggleWithErrors,
} from './components/InputToggleWithErrors';
export { default as InputToggleWithErrors } from './components/InputToggleWithErrors';
export { default as Label } from './components/Label';
export { default as LeftMenu } from './components/LeftMenu';
@ -86,9 +61,7 @@ export { default as ListTitle } from './components/ListTitle';
export { default as LoadingBar } from './components/LoadingBar';
export { default as LoadingIndicator } from './components/LoadingIndicator';
export {
default as LoadingIndicatorPage,
} from './components/LoadingIndicatorPage';
export { default as LoadingIndicatorPage } from './components/LoadingIndicatorPage';
export { default as Modal } from './components/Modal';
export { default as ModalBody } from './components/BodyModal';

View File

@ -2,11 +2,17 @@ import React from 'react';
import PropTypes from 'prop-types';
const SvgCompo = props => (
<svg width="13" height="13" xmlns="http://www.w3.org/2000/svg" {...props}>
<svg
width="13"
height="11"
viewBox="0 0 13 11"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g fill={props.fill} fillRule="evenodd">
<rect x="4" y="8" width="9" height="3" rx="1.5" />
<rect y="4" width="9" height="3" rx="1.5" />
<rect x="3" width="9" height="3" rx="1.5" />
<rect id="Rectangle" x="4" y="8" width="9" height="3" rx="1.5"></rect>
<rect id="Rectangle" x="0" y="4" width="9" height="3" rx="1.5"></rect>
<rect id="Rectangle" x="3" y="0" width="9" height="3" rx="1.5"></rect>
</g>
</svg>
);

View File

@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
/* eslint-disable indent */
const Wrapper = styled.div`
min-height: 199px;
min-height: 198px;
margin-top: -2px;
margin-bottom: -2px;

View File

@ -2,8 +2,6 @@ import styled from 'styled-components';
import { Button } from '@buffetjs/core';
const CustomButton = styled(Button)`
line-height: 30px;
padding: 0 15px;
svg {
height: 11px;
width: 11px;

View File

@ -11,14 +11,6 @@ const Wrapper = styled(ViewContainer)`
.button-submit {
min-width: 140px;
}
.add-button {
line-height: 30px;
svg {
height: 11px;
width: 11px;
vertical-align: initial;
}
}
`;
export default Wrapper;

View File

@ -254,7 +254,6 @@ const ListView = () => {
const addButtonProps = {
icon: true,
className: 'add-button',
color: 'primary',
label: formatMessage({ id: `${pluginId}.button.attributes.add.another` }),
onClick: () => {
@ -278,8 +277,7 @@ const ListView = () => {
color: 'secondary',
label: formatMessage({ id: `${pluginId}.form.button.configure-view` }),
onClick: goToCMSettingsPage,
style: { height: '30px', marginTop: '1px' },
className: 'button-secondary',
style: { marginTop: '2px' },
};
const listActions = isInDevelopmentMode

View File

@ -39,7 +39,7 @@ const Verb = styled.div`
border-radius: 3px;
color: #ffffff;
font-size: 12px;
font-weight: 700;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
&.get {

View File

@ -63,10 +63,9 @@ const Label = styled.label`
content: '\f068';
position: absolute;
top: 0px;
left: 3px;
left: 2px;
font-size: 10px;
font-family: 'FontAwesome';
font-weight: 100;
color: #1c5de7;
}
}

View File

@ -71,7 +71,6 @@ const Label = styled.label`
left: 17px;
font-size: 10px;
font-family: 'FontAwesome';
font-weight: 100;
color: #1c5de7;
transition: all 0.2s;
}

View File

@ -9,7 +9,7 @@ const Header = styled.div`
margin-bottom: 1.1rem;
padding-top: 2.8rem;
font-size: 18px;
font-weight: 700;
font-weight: 600;
line-height: 3.6rem;
`;