scinote-web/app/assets/stylesheets/access_permissions/access_modal.scss

147 lines
2.3 KiB
SCSS
Raw Normal View History

// scss-lint:disable IdSelector SelectorDepth NestingDepth ImportantRule
#user_assignments_modal {
.btn-role-select {
padding: 0 0 0 16px;
&:hover {
background-color: $color-concrete;
}
&:focus {
box-shadow: none;
outline: none;
}
2023-03-07 21:04:05 +08:00
&.disabled {
color: $color-volcano;
2023-03-07 21:04:05 +08:00
opacity: 1;
}
}
.modal-body {
2023-03-08 22:03:09 +08:00
max-height: calc(100vh - 190px);
min-height: 370px;
overflow: auto;
padding-top: 0;
}
.member-item {
border-bottom: 1px solid $modal-header-border-color;
padding: .5em 0;
}
.user-assignment-role .dropdown-toggle,
.user-assignment-remove .btn {
border-width: 0;
}
.new-member-item .user-assignment-role .dropdown-toggle {
border-color: $color-volcano;
border-width: 1px;
width: 200px;
&.btn:focus {
box-shadow: none;
outline: none !important;
}
}
.member-item,
.user-assignment-info,
.user-assignment-controls {
align-items: center;
display: flex;
.text-muted {
color: $color-silver-chalice;
}
}
.user-assignment-controls {
margin-left: auto;
.caret {
margin-left: .75em;
}
}
.user-assignment-dropdown {
a {
padding: 8px 16px;
}
}
.global-avatar-container {
margin-right: 1em;
}
.user-assignment-remove {
margin-left: 1em;
min-width: 7em;
}
a,
.bootstrap-select > .dropdown-toggle.bs-placeholder {
color: $color-volcano;
}
.sci-checkbox-container {
margin-right: 1em;
}
.sci-input-container {
margin-top: 1em;
.fa-search {
color: $color-alto;
}
}
.user-assignments-description {
margin: 1em .5em;
}
hr {
margin: 1em 0;
}
.group-members-button {
cursor: pointer;
margin-left: .5em;
}
.group-members-content {
max-height: 180px;
min-width: 260px;
overflow: auto;
padding: .6em 1em;
.title {
@include font-small;
color: $color-silver-chalice;
padding-bottom: .5em;
}
.name {
@include font-button;
padding: .4em 0;
}
.no-members {
@include font-button;
font-style: italic;
padding: .4em 0;
}
}
}
.permission-object-tag {
@include font-small;
background: $color-concrete;
border-radius: $border-radius-tag;
cursor: pointer;
padding: .25em;
}