Skip to content

Comments

custom checkbox style#18735

Merged
DeepDiver1975 merged 7 commits intomasterfrom
checkbox-style
Sep 16, 2015
Merged

custom checkbox style#18735
DeepDiver1975 merged 7 commits intomasterfrom
checkbox-style

Conversation

@jancborchardt
Copy link
Member

@raghunayyar here are the icons if you want to have a stab at it. :) We should probably use them in 50% or 70% grey to fit better. I can also add them in white because we likely need that for the log in page checkbox.

cc @owncloud/designers

@karlitschek
Copy link
Contributor

let me know if you need help from someone on that. Would be good to have this in today or tomorrow

@raghunayyar
Copy link
Contributor

I can do this over the weekend. @karlitschek @jancborchardt

@karlitschek
Copy link
Contributor

@raghunayyar this would be great. Thanks

@raghunayyar raghunayyar self-assigned this Sep 5, 2015
@raghunayyar
Copy link
Contributor

@jancborchardt @karlitschek there will be some semantics changes (wherever we use check-boxes)for this because I can't assign a background to the check-box but it is assigned to the label along with it. Please check my commit for that matter.

@karlitschek
Copy link
Contributor

I'm fine with that. @jancborchardt What do you think?

@MorrisJobke
Copy link
Contributor

Doesn't work on the login page in firefox:

bildschirmfoto von 2015-09-06 23-11-56

@MorrisJobke
Copy link
Contributor

Also looks weird in generated previews (with white background):

bildschirmfoto von 2015-09-06 23-12-49

@MorrisJobke
Copy link
Contributor

Activity settings on personal page:

bildschirmfoto von 2015-09-06 23-14-14

@raghunayyar
Copy link
Contributor

It will not, that is what I mentioned. We manually style labels and checkboxes on the respective pages. So, we will have to update it there. I am waiting for a heads up for that. It is a bigger change than it looks. Cc @jancborchardt

@jancborchardt
Copy link
Member Author

@raghunayyar so should we postpone to 9.0?

@raghunayyar
Copy link
Contributor

@jancborchardt definitely, I will take care of this in core. cc @karlitschek

@MorrisJobke MorrisJobke modified the milestones: 9.0-next, 8.2-current Sep 7, 2015
@karlitschek
Copy link
Contributor

@raghunayyar What do you mean? So no way to have this in the next week before feature freeze?

@jancborchardt
Copy link
Member Author

@raghunayyar do you think you can manage it for next week? Let me know if you need help.

@raghunayyar
Copy link
Contributor

My problem is, we don't style check-boxes, we style labels in front of them. This change needs to happen everywhere where we use check-boxes in core as well as apps. I will try my best to get this in next week.

@karlitschek
Copy link
Contributor

Thanks! Sorry to hear that this is more complex then expected

@raghunayyar
Copy link
Contributor

Also, I need white checkboxes for login cc @jancborchardt

@jancborchardt
Copy link
Member Author

@raghunayyar it’s fine if for IE8 (and other browsers where it’s difficult to get right) we just show the default checkboxes. But is it possible to fix this for modern browsers like Chrome, Firefox etc? Would be really awesome! :) I’ll add the white checkboxes right now.

@jancborchardt
Copy link
Member Author

@raghunayyar added the white versions.

@raghunayyar
Copy link
Contributor

@jancborchardt awesome, on it.

@jancborchardt jancborchardt removed this from the 9.0-next milestone Sep 15, 2015
@jancborchardt jancborchardt changed the title [WIP] custom checkbox style custom checkbox style Sep 15, 2015
@jancborchardt
Copy link
Member Author

WOAH, nice! Everything works :) 👍

@karlitschek everything done. Now just waiting for the required statuses to pass – before that it is impossible to press the merge button.

@raghunayyar
Copy link
Contributor

@Henni this is really really awesome. \o/
I think we need rebasing once more.

@jancborchardt
Copy link
Member Author

@raghunayyar you did a merge instead of the needed rebase. I fixed that. Let’s see what the tests say …

DeepDiver1975 added a commit that referenced this pull request Sep 16, 2015
@DeepDiver1975 DeepDiver1975 merged commit af51710 into master Sep 16, 2015
@DeepDiver1975 DeepDiver1975 deleted the checkbox-style branch September 16, 2015 07:34
@karlitschek
Copy link
Contributor

great guys !!!!

@jancborchardt
Copy link
Member Author

Giant thanks to heroes @raghunayyar & @Henni! :)

@blizzz
Copy link
Contributor

blizzz commented Sep 23, 2015

Copy link
Contributor

Choose a reason for hiding this comment

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

How about adding an additional CSS class on the input when wanting to use the new style ?
This way the old checkboxes will still look as before instead of disappear. That would be a fallback solution.

@jancborchardt @Henni

Copy link
Contributor

Choose a reason for hiding this comment

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

@PVince81 I thought about this, but this leads to additional code in the long-term.
In my opinion the way we have it now is the cleaner solution.

Copy link
Contributor

Choose a reason for hiding this comment

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

but has the drawback of breaking checkboxes for every app out there, including third party app store apps including the functionality attached to them.

I'd vote for adding an additional class short-term and once all apps have been migrated to the new style we can make it global and remove the need for it.

Copy link
Contributor

Choose a reason for hiding this comment

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

@PVince81 how do we get third party apps to migrate to the new style?
It is quite difficult to deprecate css.
BTW most apps and most checkboxes in core worked out of the box because they already had a label next the checkboxes.

Copy link
Contributor

Choose a reason for hiding this comment

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

The same way as when deprecating JS/PHP functions: write documentation about how to migrate to the new way + email to mailing list.

In the worst case some apps will then look uglier instead of having broken functionality.

Copy link
Contributor

Choose a reason for hiding this comment

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

Raised #19304 to continue the discussion

Copy link
Contributor

Choose a reason for hiding this comment

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

The breaks were bound to happen as I mentioned in the PR itself but I am super glad they are being taken care asap by @Henni. I will also join during the weekend.

@lock lock bot locked as resolved and limited conversation to collaborators Aug 10, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

9 participants