Skip to content

Varkopat/enhancement/645 update privacy policy page terms conditions#651

Open
Varkopat wants to merge 7 commits into
devfrom
Varkopat/enhancement/645-update-privacy-policy-page-terms-conditions
Open

Varkopat/enhancement/645 update privacy policy page terms conditions#651
Varkopat wants to merge 7 commits into
devfrom
Varkopat/enhancement/645-update-privacy-policy-page-terms-conditions

Conversation

@Varkopat
Copy link
Copy Markdown

@Varkopat Varkopat commented May 12, 2026

📄 Pull Request Overview

Closes #645

🔧 Changes Made

  1. Enhanced privacy page with new sections and descriptions:
  • Added page description to the privacy page.

  • Updated privacy sections to include new topics such as age limits, Discord community, and ethical principles.

  • Implemented new styles for the privacy page layout and accordion functionality.

  • Enhanced localization files for English and Finnish to reflect updated content.

  • Improved WikiContentWithSidebar component to support collapsible sections with smooth transitions. I am aware that WikiContentWithSidebar is referenced on 2 other pages as well. I have tested how these changes affect the other pages. Everything worked fine in my tests.

  1. [Any refactoring or clean-up tasks]

Checklist Before Submission

  • Functionality: I have tested my code, and it works as expected.
  • JSDoc: I have added or updated JSDoc comments for all relevant code.
  • Debugging: No console.log() or other debugging statements are left.
  • Clean Code: Removed commented-out or unnecessary code.
  • Tests: Added new tests or updated existing ones for the changes made.
  • Documentation: Documentation has been updated (if applicable).

📝 Additional Information

Provide any additional context or information that reviewers may need to know:

  • Screenshots: [Include any screenshots or videos if the changes affect the UI]
Desktop screenshot iPhone 12 Pro screenshot
  • Dependencies: [Mention any new dependencies or breaking changes]
  • Known Issues: [List any known issues or limitations]

Varkopat and others added 5 commits May 7, 2026 19:39
- Added page description to the privacy page.
- Updated privacy sections to include new topics such as age limits, Discord community, and ethical principles.
- Implemented new styles for the privacy page layout and accordion functionality.
- Enhanced localization files for English and Finnish to reflect updated content.
- Improved WikiContentWithSidebar component to support collapsible sections with smooth transitions.

Co-authored-by: Copilot <copilot@github.com>
@Varkopat Varkopat self-assigned this May 12, 2026
Copy link
Copy Markdown
Member

@Skoivumaki Skoivumaki left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good work. I'm noticing a pattern of quite excessive commenting to a point of it reducing readability. See this for a guide about good code comment practices to avoid it in the future. However your commit messages are solid and with expected frequency 👍

Todo:

  • Remove sidebar from page. It is no longer necessary with accordion layout.
  • Remove unnecessary comments. (for all files)
  • Fix chevron rotation. (currently its rotating the wrong way)
  • See comments.

@Rutjake I'll leave theming/styling review up to you.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Dont leave "what was done" comments into files, instead explain what and why changes were made in commits. The Privacy Page Styles Module part is relevant and useful here.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Excessive commenting. All variables are self-explanatory.

* Chevron icon container for expand/collapse indicator
*
* @styling
* - Initially rotated 270 degrees (pointing right/left depending on RTL)
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

In the issue: It should rotate 90° when the section is active/expanded to provide clear visual feedback.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You made changes to a file that is referenced on 2 other pages as well. Did you test how these changes affect the other pages? Document your findings in PR.

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I documented my findings in PR. Now I'm wondering if the accordion related codes are necessary now that the sidebar is removed from the Privacy Page and all accordion related code is now there and in the Privacy.module.scss file?

@Varkopat
Copy link
Copy Markdown
Author

Varkopat commented May 15, 2026

Thanks for your feedback. I'll begin to work on the changes suggested 👍

Varkopat added 2 commits May 15, 2026 17:49
…d info box support

- Removed unnecessary comments

The following changes were made to Privacy.module.scss:

/**
 * Accordion Styles Module
 *
 * This section contains all CSS classes for the accordion/collapsible section functionality.
 * The accordion allows sections to expand and collapse with smooth animations.
 */

/**
 * Main collapsible section container
 *
 * @styling
 * - Creates the outer wrapper for each accordion item
 * - Applies background color, border, and shadow styling consistent with section design
 * - Provides container for header and collapsible content
 * - Enhanced shadow on hover for visual feedback
 */

 /**
 * Section header (clickable button area)
 *
 * @styling
 * - Flexbox layout for aligning title and chevron icon
 * - Full width, padded clickable area
 * - Subtle background color change on hover for interactivity feedback
 * - Focus visible outline for keyboard navigation accessibility
 * - Text alignment set to left for proper content alignment
 */

 /**
 * Section title text styling
 *
 * @styling
 * - Primary color to match component branding
 * - Large font size (font-sw-xl) for prominence
 * - Flexible width to accommodate long titles
 * - Word-break enabled to handle long text gracefully
 */

 /**
 * Chevron icon container for expand/collapse indicator
 *
 * @styling
 * - Initially rotated 90 degrees (pointing right/left depending on RTL)
 * - Rotates to 0 degrees when section is expanded
 * - Smooth transition animation (0.3s ease)
 * - Flexbox centered alignment
 * - No flex-shrink to maintain consistent size
 */

 /**
 * Chevron icon rotated state
 *
 * @styling
 * - Applied when accordion section is expanded
 * - Rotates chevron to 0 degrees (pointing down)
 * - Pairs with animation defined in .chevronIcon
 */

 /**
 * Collapsible content area wrapper
 *
 * @styling
 * - Max-height starts at 0px (fully collapsed)
 * - Content hidden when collapsed (overflow: hidden)
 * - Smooth height and opacity transitions for expand/collapse animation
 * - Opacity transition delayed to create staggered animation effect
 * - Recalculates max-height dynamically based on content size
 */

 /**
 * Expanded state for section content
 *
 * @styling
 * - Applied to .sectionContent when parent .collapsibleSection.expanded
 * - Opacity transitions to full visibility
 * - Transition timing adjusted for smooth appear animation
 */

 /**
 * Inner content wrapper inside collapsible area
 *
 * @styling
 * - Padding applied to create spacing around content
 * - Contains paragraphs and images with consistent typography
 * - Paragraph styling with white color, readable line-height
 * - Link colors with hover transitions for interactivity
 */

 /* Accordion/Collapsible Section Styles */
@Varkopat Varkopat requested a review from Skoivumaki May 15, 2026 15:13
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.

2 participants