TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-24 03:14:03 +03:00
Code Issues Projects Releases Wiki Activity

Fix mobile display bugs on user list

Browse Source 
See #5483
This commit is contained in:
John O'Nolan 2015-06-24 19:53:01 +01:00
parent 4b5fc201a2
commit e912bc0cde
1 changed files with 5 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
ghost/admin/app/styles/layouts/users.css
View File

@ -22,26 +22,14 @@
}
.user-list-item {
display: flex;
justify-content: start;
align-items: center;
padding: 0 15px;
height: 68px;
border-top: 1px solid #dfe1e3;
}
@media (max-width: 550px) {
.user-list-item {
display: block;
padding: 15px 0;
}
}
@media (min-width: 551px) {
.user-list-item {
display: flex;
justify-content: start;
align-items: center;
padding: 0 15px;
height: 68px;
}
}
/* Only apply these styles to anchor tags (pending invited are divs) */
a.user-list-item {
text-decoration: none;
@ -98,14 +86,6 @@ a.user-list-item {
opacity: 0;
}
@media (max-width: 550px) {
.user-list-item-icon,
.user-list-item-figure {
float: left;
margin-right: 15px;
}
}
.user-list-item-body {
flex: 1 1 auto;
align-items: stretch;
@ -113,12 +93,6 @@ a.user-list-item {
line-height: 1;
}
@media (max-width: 550px) {
.user-list-item-body {
margin-top: 3px;
}
}
.user-list-item-body .name {
display: inline-block;
color: var(--darkgrey);
@ -134,24 +108,10 @@ a.user-list-item {
font-size: 12px;
}
@media (max-width: 550px) {
.user-list-item-aside {
float: left;
margin: 12px 0 0 50px;
width: 100%;
}
}
.user-list-item-aside .user-list-action:not(:first-of-type) {
margin-left: 20px;
}
@media (min-width: 551px) {
.user-list-item-aside .user-list-action:not(:first-of-type) {
margin-left: 50px;
}
}
.user-list-item-aside .role-label {
float: left;
margin-top: -1px;