yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-09-14 19:19:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

apply design review

Browse Source 
Signed-off-by: Ky <virginie.ky@gmail.com>
This commit is contained in:
Ky 2020-04-29 11:47:38 +02:00
parent dfd277ab25
commit c11cc6ab97
9 changed files with 23 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
packages/strapi-admin/admin/src/components/Notification/Li.js
View File

@ -5,14 +5,14 @@ const GlobalNotification = createGlobalStyle`
.notificationIcon {
position: relative;
display: block;
width: 60px;
height: 60px;
width: 40px;
height: 40px;
> div {
position: absolute;
width: 20px;
height: 20px;
top: 19px;
left:20px;
top: 10px;
left: 5px;
border-radius: 10px;
border: 1px solid ${props => props.theme.main.colors.green};
display: flex;
@ -65,11 +65,6 @@ const GlobalNotification = createGlobalStyle`
}
.notificationSuccess{
background: linear-gradient(
100deg,
#FFFFFF 50%,
rgba(39, 183, 15, .05)),
${props => props.theme.main.colors.white};
.notificationIcon {
div {
border-color: ${props => props.theme.main.colors.green};
@ -81,11 +76,6 @@ const GlobalNotification = createGlobalStyle`
}
.notificationWarning {
background: linear-gradient(
100deg,
#FFFFFF 50%,
rgba(250, 156, 0, .05)),
${props => props.theme.main.colors.white};
.notificationIcon {
div {
border-color: ${props => props.theme.main.colors.orange};
@ -97,8 +87,6 @@ const GlobalNotification = createGlobalStyle`
}
.notificationError {
background: linear-gradient(100deg , #FFFFFF 50%, rgba(255, 93, 0, .05)), $white;
.notificationIcon {
div {
border-color: ${props => props.theme.main.colors.red};
@ -110,11 +98,6 @@ const GlobalNotification = createGlobalStyle`
}
.notificationInfo {
background: linear-gradient(
100deg,
#FFFFFF 50%,
rgba(28, 93, 231, .05)),
${props => props.theme.main.colors.white};
.notificationIcon {
div {
border-color: ${props => props.theme.main.colors.blue};

5
packages/strapi-helper-plugin/lib/src/components/LeftMenuList/List.js
View File

@ -5,7 +5,7 @@ import colors from '../../assets/styles/colors';
const List = styled.ul`
margin-bottom: 0;
padding-left: 0;
max-height: 178px;
max-height: 182px;
overflow-y: auto;
::-webkit-scrollbar {
background: transparent;
@ -20,9 +20,6 @@ const List = styled.ul`
li {
position: relative;
margin-bottom: 2px;
&:last-of-type {
margin-bottom: 0;
}
}
a {
display: block;

16
packages/strapi-helper-plugin/lib/src/components/LeftMenuList/Wrapper.js
View File

@ -9,15 +9,14 @@ const Wrapper = styled.div`
}
.count-info {
margin-top: 2px;
padding: 1px 3px;
position: relative;
display: inline-block;
height: 14px;
min-width: 14px;
display: inline-block;
margin-top: 2px;
padding: 1px 3px;
text-align: center;
border-radius: 2px;
position: relative;
&:before {
content: attr(datadescr);
position: absolute;
@ -36,7 +35,7 @@ const Wrapper = styled.div`
}
// Title
h3 {
margin-bottom: 12px;
margin-bottom: 10px;
padding-right: 20px;
padding-top: 2px;
font-family: Lato;
@ -45,9 +44,6 @@ const Wrapper = styled.div`
letter-spacing: 0.1rem;
font-weight: bold;
text-transform: uppercase;
// span:last-of-type {
// }
& + button {
position: absolute;
top: 2px;
@ -62,7 +58,6 @@ const Wrapper = styled.div`
}
// Search
.search-wrapper {
// margin-bottom: 16px;
margin-bottom: 7px;
&::after {
display: block;
@ -92,6 +87,7 @@ const Wrapper = styled.div`
}
ul {
list-style: none;
padding-top: 2px;
li {
a {
text-transform: capitalize;

4
packages/strapi-helper-plugin/lib/src/components/LeftMenuSubList/Dropdown.js
View File

@ -37,9 +37,9 @@ const Dropdown = styled.div`
&:last-of-type {
margin-bottom: 0;
button {
margin-bottom: 8px;
margin-bottom: 10px;
&.is-open {
margin-bottom: 10px;
margin-bottom: 8px;
}
}
.collapse {

3
packages/strapi-plugin-content-type-builder/admin/src/components/CustomCheckbox/StyledCustomCheckbox.js
View File

@ -30,7 +30,8 @@ const StyledCustomCheckbox = styled.div`
}
}
.no-label {
margin-top: -25px;
margin-top: -26px;
margin-bottom: 1px;
label {
display: none;
}

4
packages/strapi-plugin-content-type-builder/admin/src/components/CustomLink/StyledCustomLink.js
View File

@ -8,10 +8,8 @@ import styled from 'styled-components';
const StyledCustomLink = styled.div`
padding-left: 15px;
padding-top: 10px;
line-height: 0;
padding-top: 6px;
margin-left: -3px;
button {
cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
padding: 0;

2
packages/strapi-plugin-content-type-builder/admin/src/containers/FormModal/index.js
View File

@ -1130,7 +1130,7 @@ const FormModal = () => {
lineHeight: 'normal',
fontWeight: 500,
}}
key={`${index}.${i}`}
key="divider"
>
<Label htmlFor="divider-no-for">
<FormattedMessage

10
packages/strapi-plugin-users-permissions/admin/src/components/BoundRoute/Components.js
View File

@ -14,17 +14,17 @@ const Header = styled.div`
padding-top: 1.1rem;
color: #333740;
font-size: 18px;
font-weight: ${({ theme }) => theme.fontWeights.bold};
font-weight: ${({ theme }) => theme.main.fontWeights.bold};
> span:not(:first-child) {
color: #787e8f;
font-size: 16px;
font-weight: ${({ theme }) => theme.fontWeights.semiBold};
font-weight: ${({ theme }) => theme.main.fontWeights.semiBold};
}
> span:last-child {
color: #1642e1;
font-weight: ${({ theme }) => theme.fontWeights.bold};
font-weight: ${({ theme }) => theme.main.fontWeights.bold};
}
`;
@ -35,7 +35,7 @@ Header.propTypes = {
const Path = styled.div`
padding: 0 1rem;
font-size: 13px;
font-weight: ${({ theme }) => theme.fontWeights.bold};
font-weight: ${({ theme }) => theme.main.fontWeights.bold};
color: #333740;
`;
@ -48,7 +48,7 @@ const Verb = styled.div`
border-radius: 3px;
color: #ffffff;
font-size: 12px;
font-weight: ${({ theme }) => theme.fontWeights.bold};
font-weight: ${({ theme }) => theme.main.fontWeights.bold};
text-transform: uppercase;
letter-spacing: 0.5px;
&.get {

2
packages/strapi-plugin-users-permissions/admin/src/components/Policies/Components.js
View File

@ -10,7 +10,7 @@ const Header = styled.div`
margin-bottom: 1.1rem;
padding-top: 2.8rem;
font-size: 18px;
font-weight: ${({ theme }) => theme.fontWeights.bold};
font-weight: ${({ theme }) => theme.main.fontWeights.bold};
line-height: 3.6rem;
`;