mirror of
https://gh.wpcy.net/https://github.com/discourse/discourse.git
synced 2026-06-19 10:05:40 +08:00
2655f4673d
The new channel form was looking a little long in the tooth, and updating it to formkit makes a lot of general improvements. Before: <img width="350" alt="image" src="https://github.com/user-attachments/assets/20836a59-86e8-4989-a2c5-9c104208b2b9" /> After: <img width="350" alt="image" src="https://github.com/user-attachments/assets/f3bdec2f-49b2-4dbc-ba54-c6e3f51288c6" /> Also updated some general chat styles... we were missing a lot of general shared styles here before/after <img width="450" alt="image" src="https://github.com/user-attachments/assets/58bd6e4e-584f-49c9-9b61-ac36dac13626" /> <img width="450" alt="image" src="https://github.com/user-attachments/assets/82b9da42-854c-4829-a09d-3f258e846fb1" /> before/after <img width="450" alt="image" src="https://github.com/user-attachments/assets/5885866d-7955-4b0c-92f7-dad8a29dd7ca" /> <img width="450" alt="image" src="https://github.com/user-attachments/assets/1d6b6a47-d47e-4005-912d-a6108e15d2b3" /> before/after <img width="400" alt="image" src="https://github.com/user-attachments/assets/c948521c-7571-4281-975f-f2f41fe8bad5" /> <img width="400" alt="image" src="https://github.com/user-attachments/assets/a87df09c-0574-4f2f-95c1-afd06ad6f6e4" />
166 lines
4.7 KiB
SCSS
Vendored
166 lines
4.7 KiB
SCSS
Vendored
.uc-modernize-foundation-theme {
|
|
--d-button-default-bg-color: var(--secondary);
|
|
--d-button-default-border: 1px solid var(--primary-300);
|
|
--d-button-default-border--hover: 1px solid var(--primary-400);
|
|
--d-button-default-bg-color--hover: var(--primary-200);
|
|
--d-button-default-text-color--hover: var(--primary);
|
|
--d-button-default-icon-color--hover: var(--primary);
|
|
--d-button-default-text-color: var(--primary-900);
|
|
--d-button-default-icon-color: var(--primary-900);
|
|
|
|
.btn-default,
|
|
.btn-icon-text,
|
|
.btn-icon,
|
|
.btn-danger,
|
|
.btn-primary,
|
|
.btn.no-text,
|
|
.view-all-drafts,
|
|
.discourse-reactions-counter .reactions-counter,
|
|
#topic-progress-wrapper {
|
|
&:not(
|
|
.topic-voting-menu-trigger,
|
|
.sidebar-footer-actions-button,
|
|
#search-button,
|
|
.btn-sidebar-toggle,
|
|
.topic-map__views-trigger,
|
|
.topic-map__likes-trigger,
|
|
.topic-map__users-trigger,
|
|
.topic-map__links-trigger,
|
|
.notifications-tracking-btn,
|
|
.user-menu-tab,
|
|
.--with-description,
|
|
.chat-message-react-btn,
|
|
.profile-tab-btn,
|
|
.back-button,
|
|
.composer-actions-btn,
|
|
.language-switcher-trigger,
|
|
.d-multi-select-trigger__expand-btn,
|
|
.emoji-picker-trigger,
|
|
.topic-list-header-tab,
|
|
.reviewable-action-dropdown,
|
|
.sidebar-section-header,
|
|
.chat-message-creator__member,
|
|
.tag-choice
|
|
) {
|
|
padding-block: 0;
|
|
height: var(--d-control-height);
|
|
padding-inline: var(--space-2);
|
|
}
|
|
}
|
|
|
|
.btn.no-text.btn-icon {
|
|
&:not(
|
|
.topic-voting-menu-trigger,
|
|
.voting-wrapper__button,
|
|
.user-menu-tab,
|
|
.user-menu-tab-active,
|
|
.composer-actions-btn,
|
|
.dropdown-select-box-header,
|
|
.d-multi-select-trigger__expand-btn,
|
|
.emoji-picker-trigger
|
|
) {
|
|
width: var(--d-control-height);
|
|
}
|
|
}
|
|
|
|
.login-fullpage .input-group label.alt-placeholder,
|
|
.login-fullpage .input-group .user-field.text label.control-label,
|
|
.login-fullpage .input-group .user-field.dropdown label.control-label,
|
|
.login-fullpage .input-group .user-field.multiselect label.control-label,
|
|
.signup-fullpage .input-group label.alt-placeholder,
|
|
.signup-fullpage .input-group .user-field.text label.control-label,
|
|
.signup-fullpage .input-group .user-field.dropdown label.control-label,
|
|
.signup-fullpage .input-group .user-field.multiselect label.control-label,
|
|
.invites-show .input-group label.alt-placeholder,
|
|
.invites-show .input-group .user-field.text label.control-label,
|
|
.invites-show .input-group .user-field.dropdown label.control-label,
|
|
.invites-show .input-group .user-field.multiselect label.control-label,
|
|
.password-reset-page .input-group label.alt-placeholder,
|
|
.password-reset-page .input-group .user-field.text label.control-label,
|
|
.password-reset-page .input-group .user-field.dropdown label.control-label,
|
|
.password-reset-page
|
|
.input-group
|
|
.user-field.multiselect
|
|
label.control-label {
|
|
top: 8px;
|
|
}
|
|
|
|
.form-kit__control-password-wrapper {
|
|
height: unset;
|
|
}
|
|
|
|
.sidebar-section-header-dropdown-btn {
|
|
--d-button-default-border: none;
|
|
}
|
|
|
|
.c-footer button {
|
|
padding-block: 0.75rem !important;
|
|
height: unset !important;
|
|
}
|
|
|
|
.topic-replies-toggle-wrapper .topics-replies-toggle {
|
|
border-radius: var(--d-border-radius);
|
|
height: var(--d-control-height);
|
|
padding: 0 0.65em;
|
|
}
|
|
|
|
.topic-replies-toggle-wrapper .topics-replies-toggle.active:hover {
|
|
background-color: var(--d-nav-bg-color--active);
|
|
color: var(--d-nav-color--active);
|
|
}
|
|
|
|
.bookmark-menu-content .bookmark-menu__title,
|
|
.bookmark-menu-content .bookmark-menu__row-title {
|
|
padding-block: 0;
|
|
padding-inline: var(--d-sidebar-row-horizontal-padding);
|
|
height: var(--d-sidebar-row-height);
|
|
}
|
|
|
|
.bookmark-menu-content .bookmark-menu__row-title {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.search-container .search-bar input.search-query {
|
|
height: var(--d-control-height);
|
|
}
|
|
|
|
.search-input,
|
|
input[type="text"],
|
|
input[type="password"],
|
|
input[type="datetime"],
|
|
input[type="datetime-local"],
|
|
input[type="date"],
|
|
input[type="month"],
|
|
input[type="time"],
|
|
input[type="week"],
|
|
input[type="number"],
|
|
input[type="email"],
|
|
input[type="url"],
|
|
input[type="search"],
|
|
input[type="tel"],
|
|
input[type="color"] {
|
|
height: var(--d-control-height);
|
|
padding-block: 0;
|
|
}
|
|
|
|
.search-input {
|
|
.search-context {
|
|
height: calc(
|
|
var(--d-control-height) - var(--space-2)
|
|
) !important; // overrides very specific btn selector at the top of this file
|
|
}
|
|
}
|
|
|
|
// button on /my/badges
|
|
.favorite-btn {
|
|
border-color: var(--primary-low);
|
|
border-bottom: none;
|
|
border-right: none;
|
|
|
|
&:hover {
|
|
border-bottom: none;
|
|
border-right: none;
|
|
}
|
|
}
|
|
}
|
