Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Release v14.9.0 #817

Merged
merged 176 commits into from
Sep 16, 2024
Merged

Release v14.9.0 #817

merged 176 commits into from
Sep 16, 2024

Conversation

EdiWang
Copy link
Owner

@EdiWang EdiWang commented Sep 16, 2024

No description provided.

Added support for rendering LaTeX in blog posts by including the `katex.min.js` script in `Post.cshtml` and `PostPreview.cshtml`. Updated `viewpost.module.js` to include a new function `RenderLaTeX` that processes LaTeX code blocks and renders them using KaTeX. Modified `Post.cshtml` and `PostPreview.cshtml` to call the new `RenderLaTeX` function after rendering the code highlighter. Added CSS styles for `math` elements in both light mode (`post.css`) and dark mode (`darkmode.css`) to ensure proper display of LaTeX content. Included LaTeX as a language option in the TinyMCE editor configuration in `admin.editor.module.js`.
Updated the `Directory.Build.props` file to reflect the new
version numbers for the assembly, file, and overall project.
The `AssemblyVersion` and `FileVersion` have been incremented
to `14.9.0.0`, indicating a new version release. The `Version`
has been updated to `14.9.0-preview.1`, marking this as a
preview release of the upcoming version `14.9.0`.
Replaced `.darkmode` class selectors with `[data-bs-theme=dark]` attribute selectors for better theme management. Removed `.darkmode .box` styles. Updated link and comment form container styles to use the new attribute selector.
Replaced .darkmode class selector with [data-bs-theme=dark] attribute selector in darkmode.css. This change ensures dark mode styles are applied based on the data-bs-theme attribute set to dark, improving consistency and maintainability.

Specific changes:
- Removed .darkmode styles for .form-select element.
- Updated .article-post-slug to use [data-bs-theme=dark].
- Removed .darkmode styles for .tagCloud li a element.
- Updated various .timeline elements to use [data-bs-theme=dark].
- Added CSS rule for `.timeline-body` links in dark mode.
- Re-added `.post-date-box` rule to maintain border color.
- Removed dark mode styles for `.page-link` and hover state.
- Updated `math` element selector for dark theme specificity.
Updated CSS selectors from `.darkmode` to `[data-bs-theme=dark]` for better theming consistency. Adjusted background colors for dropdown menus and items in dark mode. Removed redundant styles for `.toptags-list a`, `.modal-content`, and `.close`. Added new styles for math elements in dark mode.
Added color property to .moonglade-logo class in base.css, setting it to `var(--bs-white)` with `!important` to ensure it overrides other color settings.
The CSS rule for `.darkmode .form-control` has been removed. This rule previously set the border color to `var(--gray-7)` and the text color to `var(--gray-3)`. Other darkmode styles remain unchanged.
Updated CSS selectors to use the [data-bs-theme=dark] attribute instead of the .darkmode class. This change standardizes dark mode styling with Bootstrap's theming system. Key updates include:

- `.article-post-summary` now uses `[data-bs-theme=dark]` for transparent background and `var(--gray-7)` border color.
- Removed `.post-date-box` and integrated its styles into `[data-bs-theme=dark] .post-date-day` and `.post-date-month` with `var(--bs-secondary-color)`.
- `.post-summary-text` now uses `[data-bs-theme=dark]` for `var(--bs-body-color)`.
- `.post-summary-title a` now uses `[data-bs-theme=dark]` for `var(--bs-white)` text color.
- `.navbar .dropdown-menu` within `[data-bs-theme=dark]` remains unchanged with `var(--bs-body-bg)` background color.
Removed `.bg-moca-dark .list-group-item-action:focus` and `.bg-moca-dark .list-group-item-action:hover` styles, which previously set the background color to `var(--moca-dark-1)` on focus or hover.

Changed the color for `[data-bs-theme=dark] a` from `var(--gray-3)` to `var(--bs-secondary-color)`.

Removed `.darkmode .list-group-item.active` and `.darkmode .page-item.active .page-link` styles, which previously set the background and border color to `var(--gray-7)`.
Removed the .hr-dark class from darkmode.css and updated
useDarkMode() and useLightMode() functions in theme.module.js
to reflect this change. Introduced new CSS rules to handle
dark mode styling using the data-bs-theme attribute, setting
the body background color and anchor tag color accordingly.
Replaced `.darkmode` class with `[data-bs-theme=dark]` attribute selector for active pagination links. Updated background and border colors to use `--bs-pagination-border-color` variable for better alignment with Bootstrap's theming system.
Updated dark mode CSS class selectors to use Bootstrap's CSS variables instead of custom variables for better integration with Bootstrap's theming system. Specific changes include:

- `.post-content blockquote` and `.post-content .blockquote` now use `--bs-border-color` and `--bs-secondary-color`.
- `.timeline-heading`, `.timeline:before`, `.timeline > li > .timeline-panel`, `.timeline > li > .timeline-panel:before`, `.timeline > li > .timeline-panel:after`, and `.timeline > li > .timeline-badge` now use `--bs-border-color`.
- `.timeline-body a` now uses `--bs-secondary-color`.
Removed the background color rule for the `body.darkmode.body-post-slug` class, which was set to `var(--moca-dark)`. Also removed the cursor property for images within the `.post-content` class, which was set to `inherit`.
Replaced `.darkmode` class with `[data-bs-theme=dark]` attribute selector.
This change updates syntax highlighting styles for various code elements
to align with Bootstrap's theming system, affecting background, border,
and text colors.
Replaced custom class `.darkmode .outline-nav` with attribute selector `[data-bs-theme=dark] .outline-nav`. Updated background color and border to use Bootstrap CSS variables (`--bs-body-bg` and `--bs-light-border-subtle`) for better theme consistency.
Replaced the `.darkmode` CSS class with the `[data-bs-theme=dark]` attribute selector for targeting dark mode styles. Updated the hover color of `.outline-nav span` to `var(--bs-body-color)` and the color of `.outline-nav li` to `var(--bs-secondary-color)` in dark mode.
Removed lines adding/removing `bg-transparent` class from
`.comment-form-containter .form-control` and `aside .form-control`
in `useDarkMode` and `useLightMode` functions. This change
simplifies the handling of the `bg-transparent` class, which is
likely managed elsewhere or no longer needed.
- Changed navbar class to `navbar-moonglade` in `_Layout.cshtml`
- Removed `.qrcode-link a` styles from `base.css`
- Added `.navbar-moonglade` class in `base.css` with new background color
- Added dark mode styles for `.navbar-moonglade` in `darkmode.css`
- Updated `useDarkMode` and `useLightMode` functions in `theme.module.js` to handle new navbar and footer classes
The `post-publish-info` element in `Post.cshtml` now uses the `text-secondary` class instead of `text-muted`. Additionally, the `useDarkMode` and `useLightMode` functions in `theme.module.js` no longer modify the class of the `post-publish-info` element.
The code changes involve modifications to the `useDarkMode` and `useLightMode` functions in the `theme.module.js` file.

In the `useDarkMode` function:
- The line `$('aside .btn-light').removeClass('btn-light').addClass('btn-dark');` has been removed.

In the `useLightMode` function:
- The line `$('aside .btn-light').removeClass('btn-dark').addClass('btn-light');` has been removed.

These changes suggest that the handling of the `btn-light` class within `aside` elements has been removed from both dark mode and light mode functions.
The `useDarkMode` function no longer adds the `table-dark` class to tables within the `.post-content` element, so tables will not be styled with the dark theme in dark mode.

Similarly, the `useLightMode` function no longer removes the `table-dark` class from tables within the `.post-content` element, so tables will not revert to the light theme in light mode.
Changed subtitle text color from `text-muted` to `text-secondary` in `Default.cshtml` and `_Aside.cshtml`. Modified `useDarkMode` and `useLightMode` functions in `theme.module.js` to stop toggling the `text-muted` class on elements with the `card-subtitle` class.
Updated _Aside.cshtml to replace the btn-round class with rounded-pill for RSS/Atom subscription and OPML download buttons. Removed the .btn-round class definition from base.css as it is no longer needed.
The `useDarkMode` and `useLightMode` functions in `theme.module.js`
were updated to stop adding/removing `bg-dark` and `border-secondary`
classes to/from images with the `img-thumbnail` class inside elements
with the `post-content` class. This change ensures that these specific
class modifications for images do not occur when toggling between dark
and light modes.
Corrected the logger type from ILogger<SubListViewComponent> to
ILogger<TagsViewComponent> in the TagsViewComponent constructor.
This ensures accurate logging and debugging for the class.
Simplified CategoryListViewComponent by removing the ILogger<CategoryListViewComponent> dependency and the try-catch block in the InvokeAsync method. The method now directly sends the GetCategoriesQuery using the mediator and returns the appropriate view based on the isMenu parameter without handling exceptions.
Replaced `settings-entry2` with `settings-entry` in multiple .cshtml files:
- Menu.cshtml
- Advanced.cshtml
- Content.cshtml
- CustomStyleSheet.cshtml
- General.cshtml
- Image.cshtml
- Notification.cshtml
- Subscription.cshtml

Updated `admin.css` to reflect the class name change, ensuring consistent styling and behavior for settings entries across the application.
Updated the `Moonglade.Web.csproj` file to change the version of the `Edi.Gravatar` package from `1.0.0` to `1.1.0`. This update likely includes new features, improvements, or bug fixes provided in the newer version.
Updated the modal title and buttons in _ExternalLink.cshtml to use localized strings from @SharedLocalizer. Added German, Simplified Chinese, and Traditional Chinese translations for "External Links May Pose a Security Risk" in the respective resource files.
Replaced hardcoded text in _ExternalLink.cshtml with localized strings using @SharedLocalizer. Added new localized strings in Program.de-DE.resx, Program.zh-Hans.resx, and Program.zh-Hant.resx for "Link URL:" and the "Continue" agreement message.
Updated _ExternalLink.cshtml to use @SharedLocalizer for warning messages about leaving the website and potential security threats. Added German, Simplified Chinese, and Traditional Chinese translations in respective .resx files.
Updated `_ExternalLink.cshtml` to use `@SharedLocalizer` for text localization. Added German (`Program.de-DE.resx`), Simplified Chinese (`Program.zh-Hans.resx`), and Traditional Chinese (`Program.zh-Hant.resx`) translations for the new localized strings.
Introduce a new experimental feature controlled by the
`Experimental:UseOwnerEmailAsAvatar` setting in `appsettings.json`.
Inject `IConfiguration` in `_WidgetsProfile.cshtml` to access the
configuration. Define `useOwnerEmailAsAvatar` to read the setting's
value. Add conditional logic to display either a Gravatar image based
on the owner's email or the existing avatar URL. Use the `gravatar` tag
when `useOwnerEmailAsAvatar` is true and the `img` tag when false.
Removed .field-validation-error, .field-validation-valid,
.icon-diag-large, and .admin-body classes. Simplified
.input-validation-error class to only include the border
property. These changes clean up and streamline the CSS.
Removed `--gray-7` from `base.css` as it is no longer needed.
Updated `.timeline > li > .timeline-badge` background color in
`darkmode.css` to `var(--bs-secondary-bg-subtle)` for consistency
with the new design system.
Changed border color from var(--gray-2) to var(--bs-gray-300) and text color from var(--gray-6) to var(--bs-secondary) for blockquotes and .blockquote elements within .post-content to align with the new design system.
The --gray-6 color variable was removed from base.css, indicating it is no longer needed or has been replaced. Consequently, in darkmode.css, the --bs-btn-border-color for the .btn-outline-accent class was updated from --gray-6 to --bs-border-color to maintain consistency with the new design system or color scheme.
Updated the project version from 14.9.0-beta.2 to 14.9.0-rc.1 in the
Directory.Build.props file. This change marks the transition from a
beta release to a release candidate, indicating increased stability
and feature completeness as we approach the final release.
Removed the `-moz-transition`, `-ms-transition`, `-o-transition`, and
`-webkit-transition` properties from the `.animate` class in `base.css`.
This change simplifies the CSS by relying on the standard `transition`
property, which is now widely supported across modern browsers.
Updated `.ul-tag-mgr li a` in `admin.css` to use Bootstrap variables for `background-color` and `color`. Removed `--gray-4` variable from `base.css`. Cleaned up `post.css` by removing `color` and `line-height` properties for blockquote elements that used `--gray-4`.
Renamed the CSS class `.card-bkimg-container` to `.card-background-container` to improve clarity and readability. The `height` property remains set to `105px` with `!important` priority, and all other styling rules are unchanged.
Introduce a new feature to use the owner's email as an avatar via Gravatar, controlled by the `Experimental:UseOwnerEmailAsAvatar` setting. If enabled, the avatar image is fetched from Gravatar using the owner's email; otherwise, the existing avatar URL is used. This logic is applied to both the profile background image and the blogger's head picture in the introduction content.
The `border-bottom` and `margin-bottom` properties have been
removed from the `.article-post-summary` class in the `rwd.css`
file. The `padding-bottom` property remains unchanged.
Removed the `--gray-3` variable from `base.css`. Updated the
`--bs-btn-color` for `.btn-outline-accent` in `darkmode.css`
to use `var(--bs-body-color)`. Changed the border color in
`outline.css` and `timeline.css` to use `var(--bs-border-color)`
instead of `var(--gray-3)`.
Replaced custom `--gray-2` variable with Bootstrap's `--bs-light-text-emphasis` and `--bs-border-color` in `base.css` and `timeline.css`. This change standardizes the color scheme and improves maintainability by leveraging Bootstrap's predefined variables.
@EdiWang EdiWang merged commit e5b3039 into release Sep 16, 2024
7 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant