discourse/app/assets/stylesheets/common/base/compose.scss
Sam Saffron 6dd4bc7d57 FEATURE: support group owner, capable of controlling group membership
Group owners are regular users that can add or remove users to a group
The Admin UX allows admins to appoint group owners
The public group UX will display group owners first and unlock UI to
add and remove members

Group owners can only be appointed on non automatic groups
Group owners may not appoint another group owner
2015-11-10 00:56:57 +11:00

199 lines
3.6 KiB
SCSS

.autocomplete {
z-index: 999999;
position: absolute;
width: 240px;
background-color: $secondary;
border: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
ul {
list-style: none;
padding: 0;
margin: 0;
li {
border-bottom: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
a[href] {
padding: 5px;
display: block;
span.username {
color: darken($primary, 40%);
display: inline-block;
}
span.name {
font-size: 11px;
display: inline-block;
width: 90px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
}
&.selected {
background-color: dark-light-diff($tertiary, $secondary, 85%, -65%);
}
@include hover {
background-color: dark-light-diff($highlight, $secondary, 90%, -80%);
text-decoration: none;
}
}
}
}
}
#reply-control {
.d-editor-textarea-wrapper .spinner {
z-index: 1000;
margin-top: 5em;
}
.d-editor-button-bar {
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0px;
padding: 5px;
border-bottom: 2px solid dark-light-diff($primary, $secondary, 90%, -60%);
height: 33px;
}
textarea {
box-shadow: none;
}
}
.saving-text .spinner {
display: inline-block;
left: 5px;
top: 4px;
}
div.ac-wrap.disabled {
input {
display:none;
}
.item a {
display:none;
}
}
div.ac-wrap div.item a.remove, .remove-link {
margin-left: 4px;
font-size: 11px;
line-height: 10px;
padding: 1.5px 1.5px 1.5px 2.5px;
border-radius: 12px;
width: 10px;
display: inline-block;
border: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
&:hover {
background-color: scale-color($danger, $lightness: 75%);
border: 1px solid scale-color($danger, $lightness: 30%);
text-decoration: none;
color: $danger;
}
}
div.ac-wrap {
background-color: $secondary;
border: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
padding: 5px 4px 1px 4px;
div.item {
float: left;
margin-bottom: 4px;
margin-right: 10px;
span {
height: 24px;
display: inline-block;
line-height: 20px;
}
}
input[type="text"] {
float: left;
margin-bottom: 4px;
height: 24px;
display: block;
border: 0;
padding: 0;
box-shadow: none;
}
}
.auto-close-fields {
div:not(:first-child) {
margin-top: 10px;
}
label {
font-size: 1em;
}
input {
width: 150px;
}
.examples {
color: lighten($primary, 40%);
}
}
.edit-auto-close-modal {
.btn.pull-right {
margin-right: 10px;
}
form {
margin: 0;
}
.auto-close-fields {
i.fa-clock-o {
font-size: 1.143em;
}
input {
margin: 0;
}
}
}
.edit-category-modal {
.auto-close-fields {
input[type=text] {
width: 50px;
}
label {
font-size: .929em;
}
}
}
#reply-control {
.composer-loading {
position: absolute;
left: 48%;
top: 20%;
}
.whisper {
margin-left: 1em;
font-style: italic;
}
}
#cancel-file-upload {
font-size: 1.6em;
}
#draft-status, #file-uploading {
color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
}
.composer-bottom-right {
.spinner.small {
width: 6px;
height: 6px;
}
}
// this removes the topmost margin from the first element in the topic post
// if we don't do this, all posts would have extra space at the top
.d-editor-preview > *:first-child {
margin-top: 0;
}
.cooked > *:first-child {
margin-top: 0;
}