mirror of
https://github.com/dpnmw/community-landing.git
synced 2026-03-18 09:27:16 +00:00
Plugin Rewrite v2.3.0
This update constitutes a plugin rewrite to manage all options needed in the plugin into separate tabs and split files for maintenance.
This commit is contained in:
@@ -1,74 +1,123 @@
|
||||
/* ═══════════════════════════════════════════════════════════════════
|
||||
Community Landing — Admin Settings Panel Styles
|
||||
Adds visual separators and spacing between setting groups
|
||||
Tab navigation + fallback separators
|
||||
═══════════════════════════════════════════════════════════════════ */
|
||||
|
||||
/* All community_landing settings get extra bottom spacing */
|
||||
.admin-detail .row.setting[data-setting^="community_landing_"] {
|
||||
/* ── Tab Navigation ── */
|
||||
|
||||
.cl-admin-tabs {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0;
|
||||
margin: 0 0 24px 0;
|
||||
padding: 0;
|
||||
border-bottom: 1px solid var(--primary-low, rgba(0, 0, 0, 0.1));
|
||||
}
|
||||
|
||||
.cl-admin-tab {
|
||||
padding: 10px 14px;
|
||||
border: none;
|
||||
background: none;
|
||||
color: var(--primary-medium, #888);
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
border-bottom: 2px solid transparent;
|
||||
margin-bottom: -1px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
}
|
||||
|
||||
.cl-admin-tab:hover {
|
||||
color: var(--primary, #333);
|
||||
}
|
||||
|
||||
.cl-admin-tab.active {
|
||||
color: var(--tertiary, #0088cc);
|
||||
border-bottom-color: var(--tertiary, #0088cc);
|
||||
}
|
||||
|
||||
/* Dark mode tabs */
|
||||
html.dark-scheme .cl-admin-tabs {
|
||||
border-bottom-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
html.dark-scheme .cl-admin-tab:hover {
|
||||
color: var(--primary, #ddd);
|
||||
}
|
||||
|
||||
/* ── When tabs are active, remove separator borders ── */
|
||||
|
||||
.cl-tabs-active .row.setting[data-setting] {
|
||||
border-top: none !important;
|
||||
margin-top: 0 !important;
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
/* ── Fallback: Separator borders when tabs are NOT active ──
|
||||
(e.g. if JS fails to load or on older Discourse) */
|
||||
|
||||
/* All plugin settings spacing */
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting="community_landing_enabled"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting^="logo_"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting^="accent_"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting="dark_bg_color"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting="light_bg_color"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting^="scroll_"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting^="navbar_"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting^="hero_"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting^="stats_"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting^="stat_"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting^="about_"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting^="topics_"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting^="contributors_"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting^="groups_"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting="show_app_ctas"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting^="ios_"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting^="android_"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting^="app_"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting^="footer_"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting="custom_css"] {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
/* ── Section separator borders ──
|
||||
These selectors target the FIRST setting of each group to add
|
||||
a visible border-top separator with extra padding above it. */
|
||||
|
||||
/* Branding section */
|
||||
.admin-detail .row.setting[data-setting="community_landing_logo_dark_url"],
|
||||
/* Global Colors section */
|
||||
.admin-detail .row.setting[data-setting="community_landing_accent_color"],
|
||||
/* Custom CSS section */
|
||||
.admin-detail .row.setting[data-setting="community_landing_custom_css"],
|
||||
/* Scroll Animations section */
|
||||
.admin-detail .row.setting[data-setting="community_landing_scroll_animation"],
|
||||
/* Row 1: Navbar */
|
||||
.admin-detail .row.setting[data-setting="community_landing_navbar_signin_label"],
|
||||
/* Row 2: Hero Section */
|
||||
.admin-detail .row.setting[data-setting="community_landing_hero_title"],
|
||||
/* Row 3: Premium Stats */
|
||||
.admin-detail .row.setting[data-setting="community_landing_stats_title"],
|
||||
/* Row 4: About Community */
|
||||
.admin-detail .row.setting[data-setting="community_landing_about_enabled"],
|
||||
/* Row 5: Trending Discussions */
|
||||
.admin-detail .row.setting[data-setting="community_landing_topics_enabled"],
|
||||
/* Row 6: Top Creators */
|
||||
.admin-detail .row.setting[data-setting="community_landing_contributors_enabled"],
|
||||
/* Row 7: Community Spaces */
|
||||
.admin-detail .row.setting[data-setting="community_landing_groups_enabled"],
|
||||
/* Row 8: App Download CTA */
|
||||
.admin-detail .row.setting[data-setting="community_landing_show_app_ctas"],
|
||||
/* Row 9: Footer */
|
||||
.admin-detail .row.setting[data-setting="community_landing_footer_description"] {
|
||||
/* Section separator borders (fallback only) */
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting="logo_dark_url"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting="accent_color"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting="scroll_animation"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting="navbar_signin_label"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting="hero_title"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting="stats_title"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting="about_enabled"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting="topics_enabled"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting="contributors_enabled"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting="groups_enabled"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting="show_app_ctas"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting="footer_description"],
|
||||
.admin-detail:not(.cl-tabs-active) .row.setting[data-setting="custom_css"] {
|
||||
border-top: 2px solid rgba(0, 0, 0, 0.12);
|
||||
margin-top: 28px;
|
||||
padding-top: 24px;
|
||||
}
|
||||
|
||||
/* Dark mode admin panel support */
|
||||
.admin-detail.dark .row.setting[data-setting="community_landing_logo_dark_url"],
|
||||
.admin-detail.dark .row.setting[data-setting="community_landing_accent_color"],
|
||||
.admin-detail.dark .row.setting[data-setting="community_landing_custom_css"],
|
||||
.admin-detail.dark .row.setting[data-setting="community_landing_scroll_animation"],
|
||||
.admin-detail.dark .row.setting[data-setting="community_landing_navbar_signin_label"],
|
||||
.admin-detail.dark .row.setting[data-setting="community_landing_hero_title"],
|
||||
.admin-detail.dark .row.setting[data-setting="community_landing_stats_title"],
|
||||
.admin-detail.dark .row.setting[data-setting="community_landing_about_enabled"],
|
||||
.admin-detail.dark .row.setting[data-setting="community_landing_topics_enabled"],
|
||||
.admin-detail.dark .row.setting[data-setting="community_landing_contributors_enabled"],
|
||||
.admin-detail.dark .row.setting[data-setting="community_landing_groups_enabled"],
|
||||
.admin-detail.dark .row.setting[data-setting="community_landing_show_app_ctas"],
|
||||
.admin-detail.dark .row.setting[data-setting="community_landing_footer_description"],
|
||||
html.dark-scheme .admin-detail .row.setting[data-setting="community_landing_logo_dark_url"],
|
||||
html.dark-scheme .admin-detail .row.setting[data-setting="community_landing_accent_color"],
|
||||
html.dark-scheme .admin-detail .row.setting[data-setting="community_landing_custom_css"],
|
||||
html.dark-scheme .admin-detail .row.setting[data-setting="community_landing_scroll_animation"],
|
||||
html.dark-scheme .admin-detail .row.setting[data-setting="community_landing_navbar_signin_label"],
|
||||
html.dark-scheme .admin-detail .row.setting[data-setting="community_landing_hero_title"],
|
||||
html.dark-scheme .admin-detail .row.setting[data-setting="community_landing_stats_title"],
|
||||
html.dark-scheme .admin-detail .row.setting[data-setting="community_landing_about_enabled"],
|
||||
html.dark-scheme .admin-detail .row.setting[data-setting="community_landing_topics_enabled"],
|
||||
html.dark-scheme .admin-detail .row.setting[data-setting="community_landing_contributors_enabled"],
|
||||
html.dark-scheme .admin-detail .row.setting[data-setting="community_landing_groups_enabled"],
|
||||
html.dark-scheme .admin-detail .row.setting[data-setting="community_landing_show_app_ctas"],
|
||||
html.dark-scheme .admin-detail .row.setting[data-setting="community_landing_footer_description"] {
|
||||
/* Dark mode separators (fallback only) */
|
||||
html.dark-scheme .admin-detail:not(.cl-tabs-active) .row.setting[data-setting="logo_dark_url"],
|
||||
html.dark-scheme .admin-detail:not(.cl-tabs-active) .row.setting[data-setting="accent_color"],
|
||||
html.dark-scheme .admin-detail:not(.cl-tabs-active) .row.setting[data-setting="scroll_animation"],
|
||||
html.dark-scheme .admin-detail:not(.cl-tabs-active) .row.setting[data-setting="navbar_signin_label"],
|
||||
html.dark-scheme .admin-detail:not(.cl-tabs-active) .row.setting[data-setting="hero_title"],
|
||||
html.dark-scheme .admin-detail:not(.cl-tabs-active) .row.setting[data-setting="stats_title"],
|
||||
html.dark-scheme .admin-detail:not(.cl-tabs-active) .row.setting[data-setting="about_enabled"],
|
||||
html.dark-scheme .admin-detail:not(.cl-tabs-active) .row.setting[data-setting="topics_enabled"],
|
||||
html.dark-scheme .admin-detail:not(.cl-tabs-active) .row.setting[data-setting="contributors_enabled"],
|
||||
html.dark-scheme .admin-detail:not(.cl-tabs-active) .row.setting[data-setting="groups_enabled"],
|
||||
html.dark-scheme .admin-detail:not(.cl-tabs-active) .row.setting[data-setting="show_app_ctas"],
|
||||
html.dark-scheme .admin-detail:not(.cl-tabs-active) .row.setting[data-setting="footer_description"],
|
||||
html.dark-scheme .admin-detail:not(.cl-tabs-active) .row.setting[data-setting="custom_css"] {
|
||||
border-top-color: rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
/* ── Tab content spacing ── */
|
||||
|
||||
.cl-tabs-active .row.setting[data-setting] {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
@@ -493,9 +493,10 @@
|
||||
font-size: 0.82rem; font-weight: 600; color: var(--cl-text-strong);
|
||||
white-space: nowrap;
|
||||
}
|
||||
.cl-creator-pill__activity {
|
||||
font-size: 0.72rem; color: var(--cl-muted); white-space: nowrap;
|
||||
font-weight: 500;
|
||||
.cl-creator-pill__count {
|
||||
font-size: 0.72rem; color: var(--cl-accent); white-space: nowrap;
|
||||
font-weight: 700; margin-left: auto; padding-left: 0.4rem;
|
||||
min-width: 1.2em; text-align: center;
|
||||
}
|
||||
|
||||
/* ═══════════════════════════════════════════════════════════════════
|
||||
|
||||
Reference in New Issue
Block a user