227 lines
3.9 KiB
CSS
227 lines
3.9 KiB
CSS
#admin-main .admin-block .admin-addon-user-manager h2 {
|
|
text-align: center;
|
|
font-size: 2rem;
|
|
}
|
|
|
|
/**
|
|
* Style chooser
|
|
*/
|
|
.admin-addon-user-manager-style {
|
|
float: right;
|
|
overflow: hidden;
|
|
font-size: 1.5em;
|
|
margin: 0 16px;
|
|
}
|
|
|
|
.admin-addon-user-manager-style i {
|
|
padding-left: 8px;
|
|
}
|
|
|
|
.admin-addon-user-manager .cell--header {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/**
|
|
* Pagination
|
|
*/
|
|
.admin-addon-user-manager-pagination {
|
|
margin: 16px auto;
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.admin-addon-user-manager-pagination ul {
|
|
list-style: none;
|
|
margin: 0 auto;
|
|
overflow: hidden;
|
|
clear: both;
|
|
display: inline-block;
|
|
padding: 0;
|
|
}
|
|
|
|
.admin-addon-user-manager-pagination li {
|
|
padding: 4px 8px;
|
|
border: 1px solid rgba(0, 0, 0, .24);
|
|
float: left;
|
|
}
|
|
|
|
.admin-addon-user-manager-pagination li.current {
|
|
background: #0082ba;
|
|
color: white;
|
|
}
|
|
|
|
.admin-addon-user-manager-pagination li + li {
|
|
border-left: 0;
|
|
}
|
|
|
|
/**
|
|
* Grid style
|
|
*/
|
|
.admin-addon-user-manager--grid {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.admin-addon-user-manager--grid .cell {
|
|
flex: 0 0 100%;
|
|
}
|
|
|
|
.admin-addon-user-manager--grid .user {
|
|
margin: 16px;
|
|
border-radius: 2px;
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
|
|
}
|
|
|
|
.admin-addon-user-manager--grid .user__avatar {
|
|
display: block;
|
|
width: 100%;
|
|
height: 0;
|
|
position: relative;
|
|
padding-top: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.admin-addon-user-manager--grid .user__avatar img {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: auto;
|
|
max-width: 100%;
|
|
display: block;
|
|
border-radius: 2px 2px 0 0;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.admin-addon-user-manager--grid .user__username {
|
|
padding: 8px;
|
|
}
|
|
|
|
.admin-addon-user-manager--grid .user__email {
|
|
padding: 0 8px 8px 8px;
|
|
}
|
|
|
|
.admin-addon-user-manager--grid .user__actions {
|
|
padding: 8px;
|
|
border-top: 1px solid rgba(0, 0, 0, .14);
|
|
overflow: hidden;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.admin-addon-user-manager--grid .user__actions > a {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.admin-addon-user-manager--grid .user__actions > a + a {
|
|
padding-left: 8px;
|
|
}
|
|
|
|
#admin-main .admin-addon-user-manager--grid .user__actions > a.delete {
|
|
color: #f44336;
|
|
}
|
|
|
|
#admin-main .admin-addon-user-manager--grid .user__actions > a.delete:hover {
|
|
color: #f6685e;
|
|
}
|
|
|
|
@media only screen and (min-width: 480px) {
|
|
.admin-addon-user-manager--grid .cell {
|
|
flex: 0 0 50%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 768px) {
|
|
.admin-addon-user-manager--grid .cell {
|
|
flex: 0 0 33.333%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 1400px) {
|
|
.admin-addon-user-manager--grid .cell {
|
|
flex: 0 0 20%;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* List style
|
|
*/
|
|
.admin-addon-user-manager--list {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 16px;
|
|
}
|
|
|
|
.admin-addon-user-manager--list .cell + .cell {
|
|
border-top: 1px solid rgba(0, 0, 0, .24);
|
|
padding-top: 8px;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.admin-addon-user-manager--list .user {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.admin-addon-user-manager--list .user > * {
|
|
padding: 0 8px;
|
|
}
|
|
|
|
.admin-addon-user-manager--list .user__checkbox {
|
|
flex: 0 0 auto;
|
|
}
|
|
|
|
.admin-addon-user-manager--list .user__username {
|
|
flex: 0 0 25%;
|
|
}
|
|
|
|
.admin-addon-user-manager--list .user__email {
|
|
flex: 1 0 auto;
|
|
}
|
|
|
|
.admin-addon-user-manager--list .user__actions {
|
|
flex: 0 0 20%;
|
|
}
|
|
|
|
/**
|
|
* Filter
|
|
*/
|
|
.admin-addon-user-manager-filter {
|
|
display: flex;
|
|
}
|
|
|
|
.admin-addon-user-manager-filter__input {
|
|
flex: 1 0 auto;
|
|
}
|
|
|
|
.admin-addon-user-manager-filter__input .form-data {
|
|
padding-right: 1rem;
|
|
}
|
|
|
|
.admin-addon-user-manager-filter__help {
|
|
flex: 0 0 auto;
|
|
padding-right: 2rem;
|
|
}
|
|
|
|
#admin-main .admin-block .admin-addon-user-manager-filter__help .button {
|
|
padding-top: .425rem;
|
|
padding-bottom: .425rem;
|
|
}
|
|
|
|
/**
|
|
* Bulk
|
|
*/
|
|
.admin-addon-user-manager-bulk-action {
|
|
margin-left: 16px;
|
|
}
|
|
|
|
.button.warning:hover {
|
|
background: red;
|
|
}
|
|
|
|
.remodal[data-remodal-id="modal-admin-addon-user-manager-bulk"] input[type="checkbox"] {
|
|
display: none;
|
|
} |