discourse/app/assets/stylesheets/admin/plugins.scss
Kris d8141d18aa
UX: on plugin index, unlink preinstall, simplify install banner (#33910)
The link we were using only applied to newly moved plugins, so wasn't
the best fit for all of them. This unlinks it.

I've also removed the plugin install banner and inlined it in the page
description. The blue banner was kind of intense for a message that's
always visible on the page. We need to retain the class there so it can
be hidden for sites on our hosting.

Before:
<img width="1802" height="988" alt="image"
src="https://github.com/user-attachments/assets/d101e0e0-9476-4077-9815-3427e0db69f4"
/>


After:
<img width="1778" height="804" alt="image"
src="https://github.com/user-attachments/assets/e04309e5-1d14-4f97-b43f-7f6ba7b8a483"
/>
2025-07-29 09:04:07 -04:00

154 lines
2.6 KiB
SCSS
Vendored

@use "lib/viewport";
// Styles for /admin/plugins
.admin-contents.admin-plugins {
.controls {
.settings-button {
margin-left: auto;
}
}
.d-table.admin-plugins-list {
.admin-plugins-list__version {
width: 14%;
@include viewport.until(md) {
text-align: right;
width: auto;
}
}
.d-table__cell.--controls {
width: 10%;
@include viewport.until(md) {
width: auto;
}
}
.admin-plugins-list__row-admin-search-filtered {
background-color: var(--primary-low);
}
}
.admin-plugins-list {
&__name-with-badges {
display: flex;
flex-wrap: wrap;
}
.badges {
margin-left: var(--space-1);
}
&__badge {
--d-border-radius: var(--space-4);
font-weight: 400;
font-size: var(--font-down-2);
background-color: var(--primary-low);
color: var(--primary-high);
padding: var(--space-1) var(--space-2);
border-radius: var(--d-border-radius);
& + .admin-plugins-list__badge {
margin-left: var(--space-1);
}
&:last-of-type {
margin-right: var(--space-1);
}
}
&__about-link {
white-space: nowrap;
display: block;
}
&__preinstalled {
color: var(--primary-medium);
}
}
}
.admin-plugin-config-page {
&__main-area {
.admin-detail {
padding-top: 15px;
}
&.-without-inner-sidebar {
.admin-detail {
border-left: 0;
padding-left: 0;
width: 100%;
}
}
}
&__metadata {
margin-bottom: var(--space-6);
}
.d-nav-submenu {
background: transparent;
border-bottom: 1px solid var(--content-border-color);
.horizontal-overflow-nav {
background: transparent;
&::before {
display: none;
}
&::after {
display: none;
}
}
.admin-plugin-config-page__top-nav {
width: auto;
margin: 0;
a {
font-size: var(--font-down-0);
padding: var(--space-2) var(--space-3) var(--space-3);
&:hover {
color: var(--tertiary);
background-color: transparent;
}
&.active {
color: var(--tertiary);
background-color: transparent;
}
}
.has-sidebar-page & {
@include viewport.until(lg) {
span {
display: none;
}
}
}
}
}
}
.admin-plugins .admin-container {
margin-top: 0;
&.-no-header {
margin-top: 1em;
}
}
.admin-plugin-filtered-site-settings {
&__filter {
width: 100%;
}
}
.admin-plugins-howto {
margin-left: 0.35em;
}