mirror of
https://github.com/strapi/strapi.git
synced 2025-12-26 14:44:31 +00:00
align the entire DOM
Signed-off-by: Virginie Ky <virginie.ky@gmail.com>
This commit is contained in:
Virginie Ky
parent
f152ea9af9
commit
054afad9e4
@ -51,7 +51,7 @@ const Wrapper = styled.div`
|
||||
box-shadow: inset 0px 0px 0px 1px #f6f6f6;
|
||||
td {
|
||||
height: 54px;
|
||||
padding-bottom: 3px;
|
||||
padding-top: 3px;
|
||||
input[type='checkbox']:disabled:before {
|
||||
background-color: #e8e5e5;
|
||||
}
|
||||
@ -61,7 +61,6 @@ const Wrapper = styled.div`
|
||||
text-transform: capitalize;
|
||||
label {
|
||||
width: fit-content;
|
||||
margin-top: -1px;
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@ -9,7 +9,7 @@ import { colors, sizes } from '@buffetjs/styles';
|
||||
|
||||
const Wrapper = styled.div`
|
||||
position: relative;
|
||||
padding-bottom: ${sizes.margin * 2.3}px;
|
||||
padding-bottom: ${sizes.margin * 2.7}px;
|
||||
label {
|
||||
display: block;
|
||||
margin-bottom: 1rem;
|
||||
|
||||
@ -51,13 +51,9 @@ const Wrapper = styled.div`
|
||||
> div {
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
margin-bottom: 4px;
|
||||
&:nth-of-type(3) {
|
||||
z-index: 1;
|
||||
}
|
||||
&:nth-of-type(4) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
@ -130,7 +130,12 @@ class InputAddonWithErrors extends React.Component {
|
||||
<InputDescription
|
||||
className={inputDescriptionClassName}
|
||||
message={inputDescription}
|
||||
style={inputDescriptionStyle}
|
||||
style={{
|
||||
marginTop: '1.1rem',
|
||||
marginBottom: '0.3rem',
|
||||
lineHeight: 'normal',
|
||||
...inputDescriptionStyle,
|
||||
}}
|
||||
/>
|
||||
<InputErrors
|
||||
className={errorsClassName}
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -1,7 +1,10 @@
|
||||
import styled from 'styled-components';
|
||||
|
||||
const Div = styled.div`
|
||||
margin-top: -2px;
|
||||
label {
|
||||
display: block;
|
||||
margin-bottom: 1.3rem;
|
||||
}
|
||||
`;
|
||||
|
||||
export default Div;
|
||||
|
||||
@ -4,7 +4,7 @@ import { Label } from '@buffetjs/core';
|
||||
const EnumerationWrapper = styled(Label)`
|
||||
width: 415px;
|
||||
margin-bottom: 3px;
|
||||
min-height: 90px;
|
||||
min-height: 91px;
|
||||
position: relative;
|
||||
padding-left: 54px;
|
||||
padding-top: 17px;
|
||||
|
||||
@ -14,8 +14,9 @@ const Wrapper = styled.div`
|
||||
color: #9ea7b8;
|
||||
> p {
|
||||
max-width: calc(100% - 20px);
|
||||
margin-top: -1px;
|
||||
margin-top: -2px;
|
||||
line-height: 18px;
|
||||
margin-bottom: 1.4rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -5,10 +5,7 @@ import PropTypes from 'prop-types';
|
||||
/* eslint-disable indent */
|
||||
|
||||
const Wrapper = styled.div`
|
||||
min-height: 199px;
|
||||
margin-top: -2px;
|
||||
margin-bottom: -2px;
|
||||
|
||||
min-height: 198px;
|
||||
.collection {
|
||||
background-color: #fafafb;
|
||||
${({ error }) => {
|
||||
@ -43,7 +40,6 @@ const Wrapper = styled.div`
|
||||
|
||||
.search {
|
||||
display: flex;
|
||||
padding-top: 2px;
|
||||
color: #919bae;
|
||||
> button {
|
||||
margin-top: -8px;
|
||||
|
||||
@ -30,6 +30,7 @@ const StyledCustomCheckbox = styled.div`
|
||||
}
|
||||
}
|
||||
.no-label {
|
||||
margin-top: -25px;
|
||||
label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -10,7 +10,7 @@ import {
|
||||
useGlobalContext,
|
||||
InputsIndex,
|
||||
} from 'strapi-helper-plugin';
|
||||
import { Button } from '@buffetjs/core';
|
||||
import { Button, Label } from '@buffetjs/core';
|
||||
import { Inputs } from '@buffetjs/custom';
|
||||
import { useHistory, useLocation } from 'react-router-dom';
|
||||
import { FormattedMessage } from 'react-intl';
|
||||
@ -1134,11 +1134,7 @@ const FormModal = () => {
|
||||
state.actionType
|
||||
).items.map((row, index) => {
|
||||
return (
|
||||
<div
|
||||
className="row"
|
||||
key={index}
|
||||
style={{ marginBottom: 4 }}
|
||||
>
|
||||
<div className="row" key={index}>
|
||||
{row.map((input, i) => {
|
||||
// The divider type is used mainly the advanced tab
|
||||
// It is the one responsible for displaying the settings label
|
||||
@ -1148,23 +1144,25 @@ const FormModal = () => {
|
||||
className="col-12"
|
||||
style={{
|
||||
marginBottom: '1.4rem',
|
||||
marginTop: -2,
|
||||
lineHeight: 'normal',
|
||||
fontWeight: 500,
|
||||
}}
|
||||
key="divider"
|
||||
>
|
||||
<FormattedMessage
|
||||
id={getTrad(
|
||||
'form.attribute.item.settings.name'
|
||||
)}
|
||||
/>
|
||||
<Label htmlFor="divider-no-for">
|
||||
<FormattedMessage
|
||||
id={getTrad(
|
||||
'form.attribute.item.settings.name'
|
||||
)}
|
||||
/>
|
||||
</Label>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
// The spacer type is used mainly to align the icon picker...
|
||||
if (input.type === 'spacer') {
|
||||
return <div key="spacer" style={{ height: 11 }} />;
|
||||
return <div key="spacer" style={{ height: 8 }} />;
|
||||
}
|
||||
|
||||
// The spacer type is used mainly to align the icon picker...
|
||||
@ -1258,7 +1256,7 @@ const FormModal = () => {
|
||||
type="string"
|
||||
onChange={handleChange}
|
||||
value={value}
|
||||
style={{ marginTop: 8, marginBottom: 11 }}
|
||||
style={{ marginBottom: 11 }}
|
||||
/>
|
||||
);
|
||||
}
|
||||
@ -1267,7 +1265,6 @@ const FormModal = () => {
|
||||
<div
|
||||
className={`col-${input.size || 6}`}
|
||||
key={input.name}
|
||||
// style={style}
|
||||
>
|
||||
<Inputs
|
||||
{...input}
|
||||
|
||||
@ -5,11 +5,13 @@ const EntriesWrapper = styled.div`
|
||||
height: 43px;
|
||||
width: 100%;
|
||||
padding-top: 16px;
|
||||
margin-bottom: 10px;
|
||||
justify-content: space-between;
|
||||
`;
|
||||
|
||||
const Wrapper = styled.div`
|
||||
padding-right: 20px;
|
||||
padding-bottom: 2px;
|
||||
font-family: Lato !important;
|
||||
`;
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user