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

Merge pull request #5484 from JohnONolan/O

Browse Source 
Fix mobile display bugs on user list
This commit is contained in:
Hannah Wolfe 2015-06-26 13:11:40 +01:00
commit 0dac251ffe
1 changed files with 5 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
core/client/app/styles/layouts/users.css
View File

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