-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
ForumImprovements: create, release v1.1.1
- Loading branch information
1 parent
289bdb3
commit 9242c5b
Showing
15 changed files
with
273 additions
and
1 deletion.
There are no files selected for viewing
This file contains 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
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,34 @@ | ||
| [newpost-1]: https://minidiscordthemes.github.io/Snippets/ForumImprovements/newpost-before.avif | ||
| [newpost-2]: https://minidiscordthemes.github.io/Snippets/ForumImprovements/newpost-after.avif | ||
| [tagfilter-1]: https://minidiscordthemes.github.io/Snippets/ForumImprovements/tagfilter-before.avif | ||
| [tagfilter-2]: https://minidiscordthemes.github.io/Snippets/ForumImprovements/tagfilter-after.avif | ||
|
|
||
| # Forum Improvements | ||
|  | ||
|
|
||
| Various forum improvements. | ||
| - Hover to show all tags in post filter bar and new post tagging. | ||
| - Switch smoothly between markdown and preview in the post editor. | ||
| - View and edit post attachments easily. | ||
| - View the whole image without clicking in gallery view. | ||
| - No more jittering hovered posts. | ||
| - ...and various bug fixes. | ||
|
|
||
| | Post editor | Tag filter | | ||
| | :------------------------------: | :-------------------------------: | | ||
| | ![Post editor][newpost-1] Before | ![Tag filter][tagfilter-1] Before | | ||
| | ![Post editor][newpost-2] After | ![Tag filter][tagfilter-2] After | | ||
|
|
||
| ## Usage | ||
| ### `@import` | ||
| ```css | ||
| @import url("https://minidiscordthemes.github.io/Snippets/ForumImprovements/main.css"); | ||
| ``` | ||
| ### Replugged automatic theme | ||
| [Install now](https://replugged.dev/install?identifier=net.saltssaumure.ForumImprovements) | ||
| ### Replugged manual theme | ||
| [Download now](https://github.com/MiniDiscordThemes/Snippets/releases/latest/download/net.saltssaumure.ForumImprovements.asar) | ||
| ### Vencord online theme | ||
| ``` | ||
| https://minidiscordthemes.github.io/Snippets/ForumImprovements/main.css | ||
| ``` |
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,25 @@ | ||
| { | ||
| "id": "net.saltssaumure.ForumImprovements", | ||
| "name": "Forum Improvements", | ||
| "description": "A collection of forum improvements, details listed on GitHub.", | ||
| "author": [ | ||
| { | ||
| "name": "Saltssaumure", | ||
| "discordID": "134142022092062720", | ||
| "github": "Saltssaumure" | ||
| } | ||
| ], | ||
| "version": "1.1.1", | ||
| "updater": { | ||
| "type": "store", | ||
| "id": "net.saltssaumure.ForumImprovements" | ||
| }, | ||
| "license": "MIT", | ||
| "type": "replugged-theme", | ||
| "main": "scss/main.scss", | ||
| "source": "https://github.com/MiniDiscordThemes/Snippets/blob/main/themes/ForumImprovements", | ||
| "image": [ | ||
| "https://minidiscordthemes.github.io/Snippets/ForumImprovements/newpost-after.avif", | ||
| "https://minidiscordthemes.github.io/Snippets/ForumImprovements/tagfilter-after.avif" | ||
| ] | ||
| } |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,15 @@ | ||
| // Make post actions bar actually sticky | ||
| .scrollerInner_e2e187 { | ||
| overflow: unset; | ||
|
|
||
| // Hide divider | ||
| .divider_af45f8 { | ||
| display: none; | ||
| } | ||
|
|
||
| // Actions bar always acts as header | ||
| .container_b385c8 { | ||
| box-shadow: var(--elevation-low); | ||
| border-top-color: transparent; | ||
| } | ||
| } |
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,47 @@ | ||
| // New post attachments | ||
| .popout_a15d29 { | ||
| height: calc(18px + var(--custom-forum-composer-attachments-attachment-size) + 24px); | ||
|
|
||
| @at-root .uploadContainer_df1eaf { | ||
| // Image attachment | ||
| .imageSmall_f847a3 { | ||
| border-radius: 12px 12px 0 0; | ||
|
|
||
| .spoilerContainer_a3d0f7 { | ||
| border-radius: 12px 12px 0 0; | ||
| } | ||
| } | ||
|
|
||
| // Attachment options | ||
| @at-root .actionBarContainer_df1eaf { | ||
| top: unset; | ||
| bottom: 0; | ||
|
|
||
| @at-root .smallActionBar_df1eaf { | ||
| transform: none; | ||
| opacity: 1; | ||
|
|
||
| @at-root .wrapper_ef319f { | ||
| border-radius: 0 0 12px 12px; | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } | ||
|
|
||
| // Small attachments | ||
| .imageSmall_f847a3 { | ||
| // Non-image attachments | ||
| &.icon_f847a3 { | ||
| background-color: var(--background-primary); | ||
| background-size: 60%; | ||
| } | ||
|
|
||
| .spoilerContainer_a3d0f7 { | ||
| border-radius: 12px; | ||
|
|
||
| .spoilerWarning_a3d0f7 { | ||
| zoom: 0.7; | ||
| } | ||
| } | ||
| } |
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,48 @@ | ||
| // Forum posts | ||
| .mainCard_a6d69a { | ||
| &:hover { | ||
| transform: none; | ||
| } | ||
|
|
||
| // Image attachment in gallery view | ||
| // Don't stretch the image | ||
| .imageCover_a57509 { | ||
| object-fit: contain; | ||
| background: var(--background-secondary); | ||
| } | ||
|
|
||
| // Gif indicator, post tags | ||
| @at-root :is(.mediaIconsRow_a57509, .tagsRow_a57509) { | ||
| transition: opacity 0.2s; | ||
|
|
||
| // Hide content overlays on hover | ||
| .postBody_a57509:hover & { | ||
| opacity: 0; | ||
| } | ||
|
|
||
| // Replace gif icon with modern gif icon | ||
| .mediaIcon_a57509 { | ||
| background-image: url("https://discord.com/assets/c5a74fc51ff67682b11a.svg"); | ||
| height: 22px; | ||
| path { | ||
| fill: transparent; | ||
| } | ||
| } | ||
| } | ||
|
|
||
| // Thumbnail attachment in list view | ||
| @at-root .thumbnailContainer_d331f1 { | ||
| // Center the thumbnail | ||
| .loadingOverlay_d4597d { | ||
| display: flex; | ||
| align-items: center; | ||
| justify-content: center; | ||
| } | ||
|
|
||
| // Stop alt text pushing thumbnail up | ||
| .altText_cf58b5 { | ||
| position: absolute; | ||
| z-index: -1; | ||
| } | ||
| } | ||
| } |
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,23 @@ | ||
| // New post preview | ||
| // Match position as closely as possible to the post editor | ||
| .previewForm_c1668f { | ||
| padding: 0; | ||
| margin: 1px 12px 0 0; | ||
| border: 0; | ||
| outline: 2px solid var(--background-modifier-selected); | ||
| border-radius: var(--radius-xs); | ||
|
|
||
| // Prevent long no-whitespace text from overflowing | ||
| width: calc(100% - 24px - 78px - (2 * 12px)); | ||
| .contentContainer_c1668f { | ||
| width: 100%; | ||
| } | ||
|
|
||
| // Do not add extra space for preview indicator | ||
| .previewModeIndicator_c1668f { | ||
| position: absolute; | ||
| pointer-events: none; | ||
| bottom: 4px; | ||
| right: 4px; | ||
| } | ||
| } |
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,6 @@ | ||
| @forward "./tagbar/"; | ||
|
|
||
| @forward "./actionsbar"; | ||
| @forward "./attachment"; | ||
| @forward "./card"; | ||
| @forward "./preview"; |
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,39 @@ | ||
| // Tag filter bar | ||
| .tagsContainer_a6d69a { | ||
| gap: 16px; | ||
| align-items: flex-start; | ||
|
|
||
| // Post sort order | ||
| .sortDropdown_a6d69a { | ||
| } | ||
|
|
||
| // Divider | ||
| .divider_a6d69a { | ||
| display: none; | ||
| } | ||
|
|
||
| // Tag list | ||
| .tagList_a6d69a { | ||
| height: auto; | ||
| max-height: 32px; | ||
| transition: max-height 0.2s ease; | ||
| &:is(:hover, :has(.selected_c993da)) { | ||
| max-height: 256px; | ||
| } | ||
|
|
||
| .tagListInner_a6d69a { | ||
| justify-content: center; | ||
| } | ||
| } | ||
|
|
||
| // See all tags | ||
| .tagsButton_a6d69a { | ||
| position: static; | ||
| margin-left: 0; | ||
| } | ||
|
|
||
| // See more tags (currently does nothing) | ||
| @at-root .tagsButtonPlaceholder_a6d69a { | ||
| display: none; | ||
| } | ||
| } |
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,30 @@ | ||
| // New post tags bar | ||
| .tagsContainer_c1668f { | ||
| align-items: flex-start; | ||
|
|
||
| // Tag icon | ||
| .tagsIcon_c1668f { | ||
| height: 24px; | ||
| } | ||
|
|
||
| // Tags list | ||
| .tagList_c1668f { | ||
| height: auto; | ||
| max-height: 24px; | ||
| transition: max-height 0.2s ease; | ||
| &:is(:hover, :has(.selected_c993da)) { | ||
| max-height: 192px; | ||
| } | ||
| } | ||
|
|
||
| // See more tags | ||
| .tagsButton_c1668f { | ||
| position: static; | ||
| margin-left: 0; | ||
| } | ||
|
|
||
| // ??? (currently does nothing) | ||
| @at-root .tagsButtonPlaceholder_c1668f { | ||
| display: none; | ||
| } | ||
| } |
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,2 @@ | ||
| @forward "./filter"; | ||
| @forward "./newpost"; |