-
Notifications
You must be signed in to change notification settings - Fork 191
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
Port site to Bootstrap 5 from 4 #316
Comments
So how we could migrate? |
As explained here via the official bootstrap website, https://getbootstrap.com/docs/4.0/migration/ since the 4+ is a significant rewrite from 3. One major issue I have seen is the effect it has on the navigation bar because some elements changed. And to make it much easier and faster, I recommend using BootstrapCND instead of downloading it. |
ok I got it , I am working on this |
I would like to work on this. But I was wondering how to remove the existing bootstrap files and also I am having trouble connecting to #sugar IRC channel(says Cannot send to nick/channel). |
@AdithyaKrishnaK please follow the registration on Freenode. :) |
Bootstrap v5.0 has been released. So probably, we would now aim to migrate bootstrap3 website to bootstrap5 now |
I would like to work on this. @srevinsaju Are you planning to migrate it? |
No. My comment was to mention that a migration to Bootstrap 5 would be better, since BS5 was released then. |
okay, @srevinsaju. I have started working on it. |
@srevinsaju I am planning to use the documentation of bootstrap firstly migration from v3 to v4 then v4 to v5.. |
Choose a method that shows what you have done. In your commit message, briefly explain what you did, so that your reviewers can review both the process you used and the result. If it were me doing it (and I'm not particularly good at web development), I'd make a branch for the v3 to v4 port, complete it in a series of commits, testing how the site looks at each commit, then make another branch for the v4 to v5 and do the same. Then I'd rewrite any commits or commit messages to make it clear how I did it, and make a pull request. |
Thank you @quozl. I got it. |
Hello @quozl, I am migrating from bootstrap3 to v4 firstly, Doing this process according to document their main update is related to flex classes, probably because of which two main issues I am having is everything is shifted a bit left and the second one is during mobile view "navh2" from "airspace.css" creating problems with toggler (I am using bootstrap toggler [should I use different toggler than bootstrap one? ])( what I find is to solve this I can change some CSS in "airspace.css" file). Can I do such changes? for 1st issue, Could you please guide me? |
@S-kus you are allowed to make changes to By porting the site from Bootstrap 3 to bootstrap 4/5, we are trying to keep:
|
okay, Thank you @srevinsaju I will follow it. Could you please guide me for the 1st left-shifted problem in this problem, like how can it be solved? |
Guide you? If I knew how to do this, I'd do it myself. It would be way more efficient and effective than teaching anyone. Thanks for working on it. You may need to lean on Bootstrap and HTML5 resources. It is one of the failings of our web site that it needs such skill to maintain. It is very tempting to replace it with WordPress. As Srevin says; we need minimal change, we don't need more libraries (or CSS files if we can help it), and we need it to keep working. We don't need to make the site any more complicated, in any way. We shouldn't consider the site to be a product of Sugar Labs. Our software products are Music Blocks, Turtle Blocks, Sugarizer, and Sugar. |
Okay, Thank you @srevinsaju @quozl. Things are almost done, I just have to fix the dropdown buttons, footer icons, and some text alignment. I will create the pull request soon with each step in my commit message. |
Thank you! |
@quozl @srevinsaju Can we use the shown below one grey toggle icon for phone view i.e. less than 768px too with just different (earlier purple) background? As the icon we are using currently is not responsive, like these: |
If you mean the hamburger button, I don't have any trouble with the ones you showed above. |
@quozl @srevinsaju I Ported the site to Bootstrap 4 from 3, As shown in this Video. |
Video looks fine, you can go ahead with the PR, we can deal with any additional changes in the code review. Thank you for working on this. |
Video looks fine. I agree, go ahead. But let's concentrate on the code review without any content or unwelcome appearance changes. In reviewing the video, I saw so much out of date content, which is not your fault and we should not stall code review because of it. |
Okay, @quozl and @srevinsaju. I created the pull request. Please review it. |
@himanshujaidka, @AdithyaKrishnaK, thanks for your interest in this issue, please review #347 and give your comments. |
|
Is somebody working on this ? |
There's currently no open PR for this issue. |
is anyone working on this issue ? |
I haven't seen any PRs reference it so I guess no one is. |
okay sir . |
I believe instructions for this are here: https://getbootstrap.com/docs/5.0/migration/ |
Some of the UI elements are broken, and to fix them better, it would be great to migrate Bootstrap from the old version to the newest.
Since the latest Bootstrap is a major rewrite from 4, some visual changes need to be further modified.
See Migration on the official bootstrap website.
The text was updated successfully, but these errors were encountered: