Admin Design Updates#718
Merged
Merged
Conversation
Refactored `Settings.cshtml` to use a Bootstrap accordion layout, replacing the single-page form with collapsible sections for better organization and user experience. Created new partial views for each settings category (`_Admin_General`, `_Admin_FrontPage`, `_Admin_RSSFeed`, etc.), improving modularity and maintainability. Preserved all functionality, including form fields, validation, and data bindings. Injected necessary dependencies and models in partial views. Enhanced readability and organization for easier development and maintenance.
Updated display names in AuthorViewModel.cs for consistent capitalization. Refactored layout and styling in AuthorAdminFields.cshtml using modern classes (e.g., `col-md-*`, `d-flex`) and added `disabled readonly` attributes for non-editable fields. Simplified form structure in ViewEditAuthor.cshtml, updated button text, and improved overall HTML readability. Changes enhance user experience and maintainability.
Updated `SiteViewModel.cs` to enhance property descriptions. Refactored `Settings.cshtml` to use semantic `<h4>` headers. Modernized `_Admin_General.cshtml` layout with responsive classes. Improved form element styling and added validation messages. Enhanced accessibility for checkboxes and dropdowns.
Refactored multiple `.cshtml` files to improve accessibility and visual consistency by adopting the Bootstrap `form-floating` layout for input fields and labels. - Replaced standalone `@Html.LabelFor` and `@Html.TextBoxFor` with `form-floating` containers. - Added `id` attributes to input fields for proper label association. - Updated dropdowns and checkboxes for consistent styling. - Removed redundant classes and improved code maintainability. - Applied changes across admin pages, including `_Admin_Appearance.cshtml`, `_Admin_BlogEditing.cshtml`, `_Admin_Comments.cshtml`, `_Admin_EmailNotifications.cshtml`, `_Admin_FrontPage.cshtml`, `_Admin_General.cshtml`, `_Admin_Internal.cshtml`, `_Admin_MetaData.cshtml`, `_Admin_RSSFeed.cshtml`, `_Admin_Security.cshtml`, and `_Admin_Social.cshtml`. These changes enhance the user experience, accessibility, and responsiveness of the admin interface.
Added `mb-3` class to rows across multiple admin files to ensure consistent bottom margin spacing and improve visual layout. Enhancements improve user experience.
Removed unnecessary <h4> tags from accordion headers and replaced them with plain text for section titles.
Refactored Login.cshtml to use modern Bootstrap styling with form-floating classes for improved UI/UX. Simplified form structure, updated validation and checkbox elements, and enhanced layout spacing. Updated Settings.cshtml by removing redundant <h4> tag in the "Security" accordion header for better semantic HTML and consistent styling.
Updated Login.cshtml to include a "Cancel" button and improve button styling. Removed validation summary element. Simplified CreatePost.cshtml by restructuring the form layout, removing redundant elements, and adding hidden fields for additional data. Removed rich-edit-scripts section from CreatePost.cshtml.
Improved form styling and layout across multiple views (`Login.cshtml`, `BlogPostFields.cshtml`, `CreatePost.cshtml`, `EditPost.cshtml`) using Bootstrap's grid system and `form-floating` classes for better responsiveness and accessibility. Enhanced security by masking the password input field. Simplified button styling for consistency.
Updated button styles in `BlogPostFields.cshtml` to use `btn-outline-secondary` for a modern look. Refactored form layouts in `CreatePost.cshtml` and `EditPost.cshtml` to use responsive `d-flex flex-wrap` structures, improving alignment and spacing. Simplified code by removing redundant sections and added horizontal rules for better visual separation. Enhanced link styling and updated button spacing for consistency.
Updated `_Admin_Comments.cshtml` to improve layout and add new configuration options: - Added `mb-3` class for spacing in relevant `<div>` elements. - Introduced `TextBoxFor` input for `DaysCommentsAllowed` with label and validation. - Added `CheckBoxFor` input for `AllowMarkdownInComments` with label. These changes enhance usability and provide better control over comment settings.
Refactored multiple admin view files to enhance layout consistency and spacing: - Added or removed margin classes (`mt-0`, `mb-3`) for better alignment. - Reorganized `<div>` elements to ensure proper HTML structure. - Introduced new blocks for grouping related form elements (e.g., checkboxes and labels). - Improved readability and maintainability of the code.
Updated `_Layout.cshtml` to include admin theme comments. Modified `Login.cshtml` to change the login form's return URL to a hardcoded path (`~/admin/settings`) for improved admin redirection.
Replaced empty anchor tag with placeholder text in navbar. Swapped the order of "Create Post" and "Site Admin" links.
Refactored `_CommentAddPartial.cshtml` to modernize the form layout using Bootstrap's grid system and `form-floating` classes for improved responsiveness and maintainability. Updated `AddCommentViewModel` to adjust validation rules for the `Content` property, including a reduced maximum length and a custom error message. Enhanced form fields with validation messages and improved accessibility. Simplified the submit button and reorganized the form structure for better readability.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
PR Classification
Design and functionality improvement for admin UI, form layouts, and configuration updates.
PR Summary
This PR modernizes the admin UI, improves form layouts, and updates configurations for better usability and maintainability.
Settings.cshtml: Refactored into an accordion structure with partial views for modular settings management._Layout.cshtml: Updated navigation links and added theme customization comments.Login.cshtmlandAuthorAdminFields.cshtml: Replaced old forms withform-floatinglayouts and improved checkbox alignment.BlogPostFields.cshtmlandCreatePost.cshtml: Modernized form layouts and enhanced category selection UI.