discourse/app/assets/stylesheets/common/base/group.scss

168 lines
2.4 KiB
SCSS
Raw Normal View History

2016-12-05 16:18:24 +08:00
.group-details-container {
2016-12-05 16:53:58 +08:00
background: rgba(230, 230, 230, 0.3);
2016-12-05 16:18:24 +08:00
padding: 20px;
margin-bottom: 15px;
}
2016-12-15 12:07:22 +08:00
.group-info {
width: 100%;
.group-info-name {
font-size: 1.4em;
font-weight: bold;
color: $primary;
}
.group-info-full-name {
font-size: 1.2em;
color: dark-light-choose(scale-color($primary, $lightness: 30%), scale-color($secondary, $lightness: 70%));
}
span {
display: inline-block;
vertical-align: middle;
}
2016-12-22 14:30:49 +08:00
$size: 50px;
.avatar-flair-image {
width: $size;
}
2016-12-15 12:07:22 +08:00
2016-12-22 14:30:49 +08:00
.avatar-flair {
2016-12-15 12:07:22 +08:00
background-size: $size;
height: $size;
i {
font-size: $size !important;
}
}
}
2016-12-11 23:36:15 +08:00
.group-logs-filter {
margin-right: 10px;
&:hover {
background-color: $danger;
}
}
table.group-logs {
width: 100%;
th, tr {
border-bottom: 1px solid $primary-low;
2016-12-11 23:36:15 +08:00
}
th {
text-align: left;
padding: 5px 0px;
}
td {
padding: 10px 0px;
}
.group-logs-expand-details {
cursor: pointer;
i {
2017-06-12 10:20:14 +08:00
color: blend-primary-secondary(50%);
2016-12-11 23:36:15 +08:00
}
}
}
table.group-members {
width: 100%;
table-layout: fixed;
tr {
border-bottom: 1px solid $primary-low;
}
th:first-child {
width: 60%;
text-align: left;
}
th.group-members-actions {
width: 5%;
}
th {
border-bottom: 3px solid $primary-low;
text-align: center;
padding: 5px 0px 5px 5px;
color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
font-weight: normal;
}
th.sortable {
i {
margin-left: 5px;
}
&:hover {
cursor: pointer;
background-color: $primary-low;
}
}
tr {
.user-info {
display: block;
}
td:first-child {
text-align: left;
}
td {
text-align: center;
2017-06-12 10:20:14 +08:00
color: blend-primary-secondary(50%);
padding: 0.8em 0;
}
}
}
.group-owner-label {
color: $primary;
}
2016-12-07 14:42:58 +08:00
.form-horizontal {
.group-flair-inputs {
display: inline-block;
2016-12-07 14:42:58 +08:00
input[type="text"] {
width: 80% !important;
margin-bottom: 10px;
}
.group-flair-left {
float: left;
}
.group-flair-right {
float: left;
margin-left: 30px;
}
}
.avatar-flair-preview {
position: relative;
width: 45px;
.avatar-wrapper {
background-color: #f4f4f4;
}
}
}
.group-edit {
.form-horizontal {
label {
font-weight: bold;
}
2016-12-07 14:42:58 +08:00
}
}