mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-22 18:31:57 +03:00
b8a1036a43
closes TryGhost/Ghost#8107 - replaces all icons in Ghost-Admin with SVGs by using our new helper {{inline-svg}}. - removes all ghosticon fonts. This is the second and final batch of the refactor.
123 lines
2.4 KiB
CSS
123 lines
2.4 KiB
CSS
/* Users /ghost/settings/users/
|
|
/* ---------------------------------------------------------- */
|
|
|
|
.gh-invited-users .apps-grid-cell:hover {
|
|
background: none;
|
|
}
|
|
|
|
.user-list-item-icon {
|
|
flex-shrink: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
margin-right: 15px;
|
|
width: 40px;
|
|
height: 40px;
|
|
background: #dfe1e3;
|
|
border-radius: 100%;
|
|
color: transparent;
|
|
font-size: 0;
|
|
}
|
|
|
|
.user-list-item-icon svg {
|
|
fill: var(--midgrey);
|
|
height: 14px;
|
|
width: auto;
|
|
}
|
|
|
|
.user-list-item-figure {
|
|
position: relative;
|
|
display: block;
|
|
width: 40px;
|
|
height: 40px;
|
|
margin-right: 15px;
|
|
background-position: center center;
|
|
background-size: cover;
|
|
border-radius: 100%;
|
|
box-shadow: #fff 0 0 0 3px;
|
|
}
|
|
|
|
.user-list-item-figure img {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
}
|
|
|
|
|
|
/* Role Labels
|
|
/* ---------------------------------------------------------- */
|
|
|
|
.gh-badge.owner {
|
|
border: color(var(--darkgrey) blackness(+8%)) 1px solid;
|
|
background: linear-gradient(
|
|
color(var(--darkgrey) whiteness(+10%)),
|
|
color(var(--darkgrey) blackness(+4%))
|
|
);
|
|
}
|
|
|
|
.gh-badge.administrator {
|
|
border: color(var(--red) blackness(+8%)) 1px solid;
|
|
background: linear-gradient(
|
|
color(var(--red) whiteness(+10%)),
|
|
color(var(--red) blackness(+4%))
|
|
);
|
|
}
|
|
|
|
.gh-badge.editor {
|
|
border: color(var(--blue) blackness(+8%)) 1px solid;
|
|
background: linear-gradient(
|
|
color(var(--blue) whiteness(+10%)),
|
|
color(var(--blue) blackness(+4%))
|
|
);
|
|
}
|
|
|
|
.gh-badge.author {
|
|
border: color(var(--lightgrey) blackness(+8%)) 1px solid;
|
|
color: color(var(--midgrey) l(+5%));
|
|
background: #fff;
|
|
}
|
|
|
|
|
|
/* User invitation modal
|
|
/* ---------------------------------------------------------- */
|
|
|
|
.invite-new-user .modal-content {
|
|
width: 100%;
|
|
max-width: 600px;
|
|
}
|
|
|
|
.invite-new-user .form-group {
|
|
margin-bottom: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.invite-new-user .form-group label {
|
|
position: static;
|
|
display: block;
|
|
text-align: left;
|
|
}
|
|
|
|
.invite-new-user .form-group:nth-of-type(1) {
|
|
float: left;
|
|
width: 60%;
|
|
}
|
|
|
|
.invite-new-user .form-group:nth-of-type(2) {
|
|
float: left;
|
|
margin-left: 10px;
|
|
width: 35%;
|
|
}
|
|
|
|
.invite-new-user .form-group input {
|
|
width: 100%;
|
|
}
|
|
|
|
.invite-new-user .gh-btn-green {
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|