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

Bootstrap update reference #32

Open
wants to merge 10 commits into
base: dev
Choose a base branch
from
Open

Conversation

KarinaZhangC
Copy link
Collaborator

  1. Nav bar margin changed (have adapt to reasonable margins, but not sure if you want to keep the original ones)
  2. Problem!!! “Our sponsors” center cannot be centered (in index.ejs file)
  3. TODO: Haven’t set the email title with same length as Password title (login.ejs, signup.ejs, and forget-password.ejs)
  4. TODO: Text blue color is changed (not sure if you care)
  5. Problem!!! After login, not going to a personal profile (not sure where the problem is)

My updates:
[views/event/index.ejs]
Line 42-45 -> 42
Line 52-62 -> 50-67
Line 67 -> 71

[views/index.ejs]
Line 43: Center is no longer exist so replaced with mx-auto

[head.ejs]
Line 13-17 -> 13-19: Reference changed
Line 20 -> 22-25: Reference changed

[nav.ejs]
Line 11: navbar-default is no longer exist so change to the new Line 11
Line 16: toggle -> toggler
Line 27-32:

  • need to add a new class to remain the original format
    Line 34-35: navbar-right is replaced
    Line 37-38: padding-top changed

    [login.ejs]
    Line 56-58
    Line 60-62 -> 63-65
    Class “input-group-addon" is no longer exist, so replaced with Class "input-group-prepend"

    [signup.ejs]
    Line 67&68 ->67
    Line 71 -> 73
    Line 75&76-> 79
    Line 79 -> 85
    Class “input-group-addon" is no longer exist, so replaced with Class "input-group-prepend"

    [forget-password.ejs]
    Line 56-57->56-59
    Class “input-group-addon" is no longer exist, so replaced with Class "input-group-prepend"

  • views/index.ejs Outdated
    @@ -40,7 +40,7 @@
    <a class="btn primary-button" href="/contact">Contact Us</a>
    </div>
    <div class="index-sponsor-container">
    <h2 class="index-sponsor-text row center">Our Sponsors</h2>
    <h2 class="index-sponsor-text row mx-auto">Our Sponsors</h2>
    Copy link
    Collaborator

    Choose a reason for hiding this comment

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

    seems like you have removed the center class?

    Copy link
    Collaborator

    @jialuogao jialuogao Oct 16, 2020

    Choose a reason for hiding this comment

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

    center class is located in style.css with .center { text-align: center; } and it is not a bootstrap class

    <link rel="stylesheet" type="text/css" href="/css/jquery-editable-select.min.css"/>
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
    <!-- <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css"> -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
    Copy link
    Collaborator

    Choose a reason for hiding this comment

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

    I thought you have downloaded the bootstrap on local, please then use the local reference

    <!-- <script src="/js/bootstrap.min.js"></script> -->
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
    Copy link
    Collaborator

    Choose a reason for hiding this comment

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

    Same as above use the local link

    <script src="/js/jquery-3.2.1.min.js"></script>
    <script src="/js/jquery-ui.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <!-- <script src="/js/bootstrap.min.js"></script> -->
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    Copy link
    Collaborator

    Choose a reason for hiding this comment

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

    If you have time please also download jquery 3.5.1 replace the local 3.2.1 on line 20

    <script src="/js/bootstrap.min.js"></script>
    <!-- <script src="/js/bootstrap.min.js"></script> -->
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
    Copy link
    Collaborator

    Choose a reason for hiding this comment

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

    What is this js does?

    views/index.ejs Outdated
    @@ -40,7 +40,7 @@
    <a class="btn primary-button" href="/contact">Contact Us</a>
    </div>
    <div class="index-sponsor-container">
    <h2 class="index-sponsor-text row center">Our Sponsors</h2>
    <h2 class="index-sponsor-text row mx-auto">Our Sponsors</h2>
    Copy link
    Collaborator

    @jialuogao jialuogao Oct 16, 2020

    Choose a reason for hiding this comment

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

    center class is located in style.css with .center { text-align: center; } and it is not a bootstrap class

    @jialuogao
    Copy link
    Collaborator

    Problem!!! After login, not going to a personal profile (not sure where the problem is)
    Don't worry about this now

    KarinaZhangC and others added 9 commits October 23, 2020 17:39
    Two small issues left to deal with:
    1. Navbar hamburger icon collapses to the right
    2. Password invisible
    Aligned the cfg icon and navbar items
    …dit my project
    
    fixed the styles of Create event & Edit event page & Create new project Page& Edit my project
    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

    Successfully merging this pull request may close these issues.

    2 participants