tqt
/
Ghost-Admin
mirror of https://github.com/TryGhost/Ghost-Admin.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Merge pull request #5484 from JohnONolan/O 

Fix mobile display bugs on user list
This commit is contained in:
Hannah Wolfe 2015-06-26 13:11:40 +01:00
parent 89102fdd6c 3341d77044
commit 08386f5035
1 changed files with 5 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
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;