Skip to content

Redundant justify-content properties in CSS for centered-container class #5045

Closed
@noazaj

Description

Checklist

  • I have searched the issue tracker for open issues that relate to the same problem, before opening a new one.
  • This issue only relates to a single bug. I will open new issues for any other problems.

Describe the bug

The CSS for the centered-container class in the HTML file contains two justify-content properties. The second justify-content property will override the first one, making the first one redundant and potentially causing confusion.

How to reproduce

  1. Go to the repository containing the HTML file. (fyne\cmd\fyne\internal\templates\data\index.html)
  2. Locate the centered-container class in the CSS.
  3. Observe that there are two justify-content properties in the class definition.
  4. Notice that the second justify-content property overrides the first one.

Screenshots

No response

Example code

.centered-container {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
justify-content: center; /* This line overrides the previous justify-content */
min-height: 100vh;
}

Fyne version

2.5

Go compiler version

1.22.5

Operating system and version

Windows 11

Additional Information

No response

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    unverifiedA bug that has been reported but not verified

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions