yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-12-16 09:45:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix ctb and user-permission list item spacing

Browse Source
This commit is contained in:
cyril lopez 2018-01-25 17:39:56 +01:00
parent 415d826296
commit a80b0e18b7
4 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/strapi-plugin-content-type-builder/admin/src/components/TableList/styles.scss
View File

@ -105,6 +105,10 @@
text-overflow: ellipsis; text-overflow: ellipsis;
} }
> i {
align-self: center;
margin-right: 52px;
}
} }
.descriptionContainer { .descriptionContainer {

7
packages/strapi-plugin-content-type-builder/admin/src/components/TableListRow/index.js
View File

@ -51,8 +51,11 @@ class TableListRow extends React.Component { // eslint-disable-line react/prefer
return ( return (
<ListRow onClick={this.handleGoTo}> <ListRow onClick={this.handleGoTo}>
<div className="col-md-1"><i className={`fa ${this.props.rowItem.icon}`} /></div> <div className={`col-md-4 ${styles.italic} ${styles.nameContainer}`}>
<div className={`col-md-3 ${styles.italic} ${styles.nameContainer}`}><span style={{ width: spanStyle }}>{startCase(this.props.rowItem.name)} &nbsp;{pluginSource}</span> {temporary}</div> <i className={`fa ${this.props.rowItem.icon}`} />
<span style={{ width: spanStyle }}>{startCase(this.props.rowItem.name)} &nbsp;{pluginSource}</span>
&nbsp;{temporary}
</div>
<div className={`col-md-5 text-center ${styles.descriptionContainer}`}> <div className={`col-md-5 text-center ${styles.descriptionContainer}`}>
<div> <div>
{description} {description}

2
packages/strapi-plugin-users-permissions/admin/src/components/ListRow/index.js
View File

@ -51,7 +51,7 @@ class ListRow extends React.Component { // eslint-disable-line react/prefer-stat
} }
return ( return (
<div className={cn('row', styles.wrapper)}> <div className={cn('row', styles.wrapper)} style={{ paddingLeft: '20px'}}>
<div className="col-md-2"> <div className="col-md-2">
<b>{this.props.item.name}</b> <b>{this.props.item.name}</b>
</div> </div>

8
packages/strapi-plugin-users-permissions/admin/src/components/ListRow/styles.scss
View File

@ -22,11 +22,12 @@
.flex { .flex {
display: flex; display: flex;
justify-content: space-between; padding-left: 7px;
font-weight: 600; font-weight: 600;
text-transform: capitalize; text-transform: capitalize;
> div:last-child { > div:last-child {
width: 80%; width: 80%;
margin-left: 52px;
padding-left: 7px; padding-left: 7px;
text-align: left; text-align: left;
} }
@ -46,18 +47,13 @@
.wrapper { .wrapper {
> div:first-child { > div:first-child {
text-align: left; text-align: left;
} }
> div:nth-of-type(2) { > div:nth-of-type(2) {
text-align: center; text-align: center;
} }
strong { strong {
font-weight: 600; font-weight: 600;
} }
b { b {
font-weight: 500; font-weight: 500;
} }