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

117 lines
1.7 KiB
SCSS
Raw Normal View History

2016-12-14 04:26:16 -05:00
.groups-page {
h1 {
margin-bottom: 20px;
display: inline-block;
2016-12-14 04:26:16 -05:00
}
}
2018-03-29 02:57:10 -04:00
.groups-header {
margin-bottom: 30px;
}
.groups-header-filters {
display: inline-block;
2018-03-29 02:57:10 -04:00
.groups-header-filters-type {
vertical-align: middle;
}
2018-03-29 02:57:10 -04:00
.groups-header-filters-name {
vertical-align: middle;
margin: 0;
}
}
2016-12-14 04:26:16 -05:00
.groups-table {
width: 100%;
2016-12-14 23:07:22 -05:00
th {
2017-10-10 16:07:46 -04:00
border-bottom: 1px solid $primary-low;
padding: 0.5em;
2016-12-14 23:07:22 -05:00
text-align: left;
}
.sortable {
&:hover {
background-color: $primary-low;
cursor: pointer;
}
}
2016-12-14 23:07:22 -05:00
tr {
td {
padding: 0.8em;
2018-03-29 02:57:10 -04:00
color: $primary-medium;
2016-12-14 23:07:22 -05:00
}
td.groups-info {
width: 50%;
}
td.group-user-status {
i {
color: $primary;
}
}
2016-12-14 23:07:22 -05:00
td.groups-user-count {
2018-03-29 02:57:10 -04:00
width: 17%;
font-size: $font-up-2;
2016-12-14 23:07:22 -05:00
}
2018-03-29 02:57:10 -04:00
td.groups-table-type {
width: 17%;
font-size: $font-up-1;
}
td.groups-table-membership {
.group-membership-button {
display: inline-block;
}
> span {
2018-03-29 06:14:17 -04:00
margin-right: 5px;
2018-03-29 02:57:10 -04:00
font-size: $font-up-1;
}
}
}
2016-12-14 23:07:22 -05:00
.groups-info {
.groups-info-name {
font-weight: bold;
color: $primary;
2017-10-10 16:07:46 -04:00
color: dark-light-choose($primary-high, $secondary-low);
2016-12-14 23:07:22 -05:00
}
.groups-info-full-name {
2017-10-10 16:07:46 -04:00
color: dark-light-choose($primary-high, $secondary-low);
2016-12-14 23:07:22 -05:00
}
.groups-info-title {
2018-01-12 17:27:38 -05:00
font-size: $font-down-1;
2017-10-10 16:07:46 -04:00
color: dark-light-choose($primary-medium, $secondary-medium);
2016-12-14 23:07:22 -05:00
}
2016-12-14 04:26:16 -05:00
span {
display: inline-block;
vertical-align: middle;
}
$size: 40px;
2016-12-14 04:26:16 -05:00
.avatar-flair {
2016-12-14 04:26:16 -05:00
background-size: $size;
height: $size;
i {
font-size: $size !important;
}
}
.avatar-flair-image {
width: $size;
}
2016-12-14 04:26:16 -05:00
}
}