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

[Bug]: mobile view of settings > system out of boxes #385

Closed
6 of 8 tasks
Dennis1993 opened this issue Jun 3, 2022 · 3 comments · Fixed by #711
Closed
6 of 8 tasks

[Bug]: mobile view of settings > system out of boxes #385

Dennis1993 opened this issue Jun 3, 2022 · 3 comments · Fixed by #711

Comments

@Dennis1993
Copy link
Contributor

⚠️ This issue respects the following points: ⚠️

  • This is a bug, not a question or a configuration/webserver/proxy issue.
  • This issue is not already reported on Github (I've searched it).
  • Nextcloud Server is up to date. See Maintenance and Release Schedule for supported versions.
  • I agree to follow Nextcloud's Code of Conduct.

Bug description

If I open the Settings page as an Admin and go to System tab, the boxes in the screenshot are not breaks in a new line.
I think it would be better to set every box to 100% without floating (only on desktop)

04953F43-B469-4758-88C2-3C963FCED94C
F34A7306-4E7A-4F22-83D1-EEE7E4CEE015

Steps to reproduce

  1. go to settings > system
  2. see wrong aligned boxes

Expected behavior

Every box should be in a single line

Installation method

Manual installation

Operating system

Debian/Ubuntu

PHP engine version

PHP 8.0

Web server

Apache (supported)

Database engine version

MariaDB

Is this bug present after an update or on a fresh install?

Updated to a major version (ex. 22.2.3 to 23.0.1)

Are you using the Nextcloud Server Encryption module?

Encryption is Enabled

What user-backends are you using?

  • Default user-backend (database)
  • LDAP/ Active Directory
  • SSO - SAML
  • Other

Configuration report

No response

List of activated Apps

Not useful

Nextcloud Signing status

No response

Nextcloud Logs

No response

Additional info

No response

@szaimen szaimen transferred this issue from nextcloud/server Jun 3, 2022
@szaimen
Copy link
Contributor

szaimen commented Sep 3, 2022

Possible css fix:

@media only screen and (max-width: 700px) {
    .col-4, .col-6 {
        flex-basis: 50%;
    	max-width: 50%;
    	min-width: 50%;
        
    }
}

@media only screen and (max-width: 500px) {
    .col-4, .col-6 {
        flex-basis: 100%;
    	max-width: 100%;
    	min-width: 100%;
    }
}

.chart-container canvas {
    max-height:400px;
}

Dennis1993 added a commit that referenced this issue Sep 4, 2022
Fix for #385 and #361

Signed-off-by: Dennis1993 <Dennis1993@users.noreply.github.com>
Dennis1993 added a commit that referenced this issue Sep 4, 2022
Fix for #385 and #361

Signed-off-by: Dennis1993 <Dennis1993@users.noreply.github.com>
This was referenced Sep 4, 2022
Dennis1993 added a commit that referenced this issue Sep 4, 2022
Fix for #385 and #361

Signed-off-by: Dennis1993 <Dennis1993@users.noreply.github.com>
@Dennis1993
Copy link
Contributor Author

Thank you, I've created a pull request! 👍

@joshtrichards
Copy link
Member

joshtrichards commented Jul 16, 2023

Possibly related: #320 and #195.

@joshtrichards joshtrichards linked a pull request Nov 25, 2024 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants