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

174 lines
2.5 KiB
SCSS
Raw Normal View History

// We should try to reuse the user page HTML for groups when possible
// To style group content differently, use the existing classes with a .group parent class.
// For example: .group .user-secondary-navigation
2016-12-05 03:18:24 -05:00
.group-details-container {
background: $primary-very-low;
2016-12-05 03:18:24 -05:00
padding: 20px;
margin-bottom: 15px;
2018-03-29 02:57:10 -04:00
position: relative;
}
.group-outlet {
position: relative;
}
.group-members-actions {
2018-05-08 10:08:31 -04:00
display: flex;
flex-wrap: wrap;
width: 100%;
2018-05-08 12:27:25 -04:00
input + .group-members-manage {
2018-05-08 10:08:31 -04:00
margin-left: auto;
}
2018-05-08 10:08:31 -04:00
.group-username-filter {
margin: 0 0 5px 0;
vertical-align: middle;
}
}
2016-12-14 23:07:22 -05:00
.group-info {
width: 100%;
.group-info-name {
2018-01-12 17:27:38 -05:00
font-size: $font-up-3;
2016-12-14 23:07:22 -05:00
font-weight: bold;
color: $primary;
}
.group-info-full-name {
2018-01-12 17:27:38 -05:00
font-size: $font-up-2;
2017-10-10 16:07:46 -04:00
color: dark-light-choose($primary-high, $secondary-low);
2016-12-14 23:07:22 -05:00
}
span {
display: inline-block;
vertical-align: middle;
}
2016-12-22 01:30:49 -05:00
$size: 50px;
2018-11-29 12:02:11 -05:00
$icon-size: $size / 1.8;
2016-12-22 01:30:49 -05:00
.avatar-flair-image {
width: $size;
}
2016-12-14 23:07:22 -05:00
2016-12-22 01:30:49 -05:00
.avatar-flair {
2016-12-14 23:07:22 -05:00
background-size: $size;
height: $size;
width: $size;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-repeat: no-repeat;
2016-12-14 23:07:22 -05:00
Upgrade to FontAwesome 5 (take two) (#6673) * Add missing icons to set * Revert FA5 revert This reverts commit 42572ff * use new SVG syntax in locales * Noscript page changes (remove login button, center "powered by" footer text) * Cast wider net for SVG icons in settings - include any _icon setting for SVG registry (offers better support for plugin settings) - let themes store multiple pipe-delimited icons in a setting - also replaces broken onebox image icon with SVG reference in cooked post processor * interpolate icons in locales * Fix composer whisper icon alignment * Add support for stacked icons * SECURITY: enforce hostname to match discourse hostname This ensures that the hostname rails uses for various helpers always matches the Discourse hostname * load SVG sprite with pre-initializers * FIX: enable caching on SVG sprites * PERF: use JSONP for SVG sprites so they are served from CDN This avoids needing to deal with CORS for loading of the SVG Note, added the svg- prefix to the filename so we can quickly tell in dev tools what the file is * Add missing SVG sprite JSONP script to CSP * Upgrade to FA 5.5.0 * Add support for all FA4.7 icons - adds complete frontend and backend for renamed FA4.7 icons - improves performance of SvgSprite.bundle and SvgSprite.all_icons * Fix group avatar flair preview - adds an endpoint at /svg-sprites/search/:keyword - adds frontend ajax call that pulls icon in avatar flair preview even when it is not in subset * Remove FA 4.7 font files
2018-11-26 16:49:57 -05:00
.d-icon {
2018-11-29 12:02:11 -05:00
height: $icon-size;
width: $icon-size;
2016-12-14 23:07:22 -05:00
}
}
}
.group-manage-logs-filter {
2016-12-11 10:36:15 -05:00
margin-right: 10px;
&:hover {
background-color: $danger;
}
}
table.group-manage-logs {
2016-12-11 10:36:15 -05:00
width: 100%;
td {
padding: 0.5em;
2016-12-11 10:36:15 -05:00
}
.group-manage-logs-expand-details {
2016-12-11 10:36:15 -05:00
cursor: pointer;
Upgrade to FontAwesome 5 (take two) (#6673) * Add missing icons to set * Revert FA5 revert This reverts commit 42572ff * use new SVG syntax in locales * Noscript page changes (remove login button, center "powered by" footer text) * Cast wider net for SVG icons in settings - include any _icon setting for SVG registry (offers better support for plugin settings) - let themes store multiple pipe-delimited icons in a setting - also replaces broken onebox image icon with SVG reference in cooked post processor * interpolate icons in locales * Fix composer whisper icon alignment * Add support for stacked icons * SECURITY: enforce hostname to match discourse hostname This ensures that the hostname rails uses for various helpers always matches the Discourse hostname * load SVG sprite with pre-initializers * FIX: enable caching on SVG sprites * PERF: use JSONP for SVG sprites so they are served from CDN This avoids needing to deal with CORS for loading of the SVG Note, added the svg- prefix to the filename so we can quickly tell in dev tools what the file is * Add missing SVG sprite JSONP script to CSP * Upgrade to FA 5.5.0 * Add support for all FA4.7 icons - adds complete frontend and backend for renamed FA4.7 icons - improves performance of SvgSprite.bundle and SvgSprite.all_icons * Fix group avatar flair preview - adds an endpoint at /svg-sprites/search/:keyword - adds frontend ajax call that pulls icon in avatar flair preview even when it is not in subset * Remove FA 4.7 font files
2018-11-26 16:49:57 -05:00
.d-icon {
color: $primary-medium;
2016-12-11 10:36:15 -05:00
}
}
}
table.group-members {
width: 100%;
table-layout: fixed;
th:first-child {
2018-03-29 02:57:10 -04:00
width: 30%;
text-align: left;
}
th:last-child {
width: 5%;
}
th.group-members-actions {
width: 5%;
}
th {
text-align: center;
}
tr {
.user-info {
display: block;
2019-02-26 12:49:54 -05:00
.avatar-flair {
color: $primary;
}
}
td:first-child {
text-align: left;
}
td {
text-align: center;
color: $primary-medium;
padding: 0.8em 0;
}
}
}
.group-owner-label {
color: $primary;
}
.form-vertical {
.group-flair-inputs {
display: inline-block;
}
.avatar-flair-preview {
position: relative;
width: 45px;
.avatar-wrapper {
background-color: #f4f4f4;
}
}
}
2018-03-29 02:57:10 -04:00
.group-form-save {
margin-right: 20px;
2016-12-07 01:42:58 -05:00
}
.group-add-members {
.group-add-members-make-owner {
label {
display: inline;
vertical-align: middle;
}
input[type="checkbox"] {
vertical-align: middle;
}
}
}