mirror of
https://gh.wpcy.net/https://github.com/discourse/discourse.git
synced 2026-05-27 06:56:35 +08:00
2d111e2a9a
Instead of listing the redundant commit hash, this now shows "preinstalled" for the relevant components and links to https://meta.discourse.org/t/bundling-more-popular-plugins-with-discourse-core/373574. This is accomplished by checking the URL of the plugin for `"/discourse/discourse/tree/main/plugins/"` which indicates it's part of the core Discourse repo. I've also removed the `hide_plugin` flag from existing preinstalled plugins. Now Discourse admins will have more clarity into what's included. I also made some minor layout adjustments: * Larger click area for "how to install a plugin" banner * Moved "Learn more" into a separate line for consistent positioning Before: <img width="2182" height="1192" alt="image" src="https://github.com/user-attachments/assets/b2943a7f-5212-4abd-8b80-d0d071378f06" /> After: <img width="2226" height="1184" alt="image" src="https://github.com/user-attachments/assets/0846a2c9-fc1b-435c-b51f-b966af5ade09" />
53 lines
902 B
SCSS
Vendored
53 lines
902 B
SCSS
Vendored
.alert {
|
|
padding: 0.5em 2.5em 0.5em 1em;
|
|
background-color: var(--danger-low);
|
|
color: var(--primary);
|
|
position: relative;
|
|
margin-bottom: 1em;
|
|
|
|
.close {
|
|
font-size: var(--font-up-3);
|
|
position: absolute;
|
|
top: 0.265em;
|
|
right: 0.66em;
|
|
padding: 0;
|
|
|
|
.d-icon {
|
|
color: var(--primary-medium);
|
|
}
|
|
}
|
|
|
|
&.alert-success {
|
|
background-color: var(--success-low);
|
|
color: var(--primary);
|
|
}
|
|
|
|
&.alert-error {
|
|
background-color: var(--danger-low);
|
|
color: var(--primary);
|
|
}
|
|
|
|
&.alert-warning {
|
|
background-color: var(--highlight-bg);
|
|
color: var(--primary);
|
|
}
|
|
|
|
&.alert-info {
|
|
background-color: var(--tertiary-low);
|
|
color: var(--primary);
|
|
|
|
&.clickable {
|
|
color: var(--tertiary);
|
|
z-index: z("base");
|
|
|
|
.mobile-view & {
|
|
margin: 0;
|
|
padding: 1em;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
a.alert.clickable {
|
|
display: flex;
|
|
}
|
