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

Blue theme board view left margin for columns issue #151

Open
cjohnsonuk opened this issue Jun 12, 2024 · 3 comments
Open

Blue theme board view left margin for columns issue #151

cjohnsonuk opened this issue Jun 12, 2024 · 3 comments

Comments

@cjohnsonuk
Copy link

cjohnsonuk commented Jun 12, 2024

In Kanboard 1.2.37 (and 1.2.36)
in plugin Customizer 1.14.2
In board view
When using Blueboard theme
The project columns are vertically aligned with the left edge of the

search box giving a large left margin that is the width of class="dropdown-component" and class="views-switcher-component"
If you have additional plugins like bigboard, calendar and gant the views-switcher-component can be quite wide pushing the board columns right across the page to the right

In previous versions of kanboard the board columns were wrapped underneath the views-switcher-component against the left margin

If you change the page zoom to 50% or less the search box and board columns move back to the left hand margin.

All the other themes seem to work OK with the board view

image

@cjohnsonuk cjohnsonuk changed the title Blue theme Blue theme board view left margin for columns issue Jun 12, 2024
@creecros
Copy link
Owner

Only the Blue Theme?

I'll investigate, but I will note my lack of ability with css.

Customizer is really not a theme, but a tool for themes, and the included css themes, they were created by others for the most part.

@cjohnsonuk
Copy link
Author

cjohnsonuk commented Jun 12, 2024

Thanks. I posted here because I, also, have limited css skills ....
However...
in inspector I changed a setting from light.min.css : I changed

.project-header {
    margin-bottom: 8px;
}

to

.project-header {
    margin-bottom: 12px;
}

and it works now so instead of making the change in light.min.css I added it to the 'Custom stylesheet settings' in on the 'application settings' page of 'settings' menu so that its persistent even it light.min.css gets replaced in an update

@creecros
Copy link
Owner

If we add it to the blue theme css it should be a solve. When I get a chance.

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

No branches or pull requests

2 participants