Details

    • Type: Improvement Improvement
    • Status: Resolved
    • Priority: Major Major
    • Resolution: Fixed
    • Affects Version/s: None
    • Fix Version/s: 2.3
    • Component/s: User Interface
    • Labels:

      Description

      Re-construct the Bootstrap theme using Bootstrap 3.

      Fork here: https://github.com/crhallberg/vufind/tree/bootstrap3
      Feedback ticket: VUFIND-994.

      ROAD MAP:
      - jQuery update (DONE)
      - Full functionality (TESTING)
      - Documentation for updating (ONGOING)
          - Move to DokuWiki before 2.3 release
      - Bootprint full theming (DONE)

      - LESS and SCSS support (DONE)
          - LESS programs in direct paths, not relative ones, making a releasable, pre-compiled CSS a small issue...
          - LESS uses direct paths because of the nature of it being compiled. We'll just have to be careful about what we include in release.
      - LESS and SCSS theming (DONE)
      - LESS and SCSS bootprint theming (DONE)
      - LESS and SCSS command line tools (DONE)
          - Integrate with install (CANCELLED)

      - TESTING (Ongoing)

      - New functionality (31 July)
        - jsTree updates (Trying for types) (DONE)
          - Thanks for Ere Maijala for his work on this
      - LESS/SCSS compile script (DONE)

      - MORE TESTING

      Progress:
      - See comments

      Current Release Plan (TBF):
      - 2.3 - themes "bootstrap" and "bootstrap3"
      - 2.4 - remove "bootstrap"

        Activity

        Hide
        Chris Hallberg added a comment -
        LESS COMMAND LINE COMPILER
        php util/cssBuilder.php

        This will use the Less Parser to compile your LESS into css files in the regular css folder. These can then be used as regular css files, but more importantly, these will be used as fall-back in case of a LESS parser error. So compile regularly!

        Also, it only compiles active LESS sheets in your theme, so check your theme.config.php before compiling!
        Show
        Chris Hallberg added a comment - LESS COMMAND LINE COMPILER php util/cssBuilder.php This will use the Less Parser to compile your LESS into css files in the regular css folder. These can then be used as regular css files, but more importantly, these will be used as fall-back in case of a LESS parser error. So compile regularly! Also, it only compiles active LESS sheets in your theme, so check your theme.config.php before compiling!
        Hide
        Chris Hallberg added a comment -
        CSS TIP

        Bootstrap can be hard to theme sometimes because of how specific the classes are. One easy way around this is using the !important modifier for css rules. Just an FYI.
        Show
        Chris Hallberg added a comment - CSS TIP Bootstrap can be hard to theme sometimes because of how specific the classes are. One easy way around this is using the !important modifier for css rules. Just an FYI.
        Hide
        Demian Katz added a comment -
        Chris, should we add a comment here about "danger" classes?
        Show
        Demian Katz added a comment - Chris, should we add a comment here about "danger" classes?
        Hide
        Chris Hallberg added a comment - - edited
        In what I consider a misleading move, Bootstrap label-important and alert-error have become -danger. I don't like it either. Here's a list of a few to watch out for.

        > unstyled to list-unstyled
        > label-important to label-danger
        > alert-error to alert-danger
        > noprint to hidden-print

        Full list here: http://getbootstrap.com/migration/#classes
        Show
        Chris Hallberg added a comment - - edited In what I consider a misleading move, Bootstrap label-important and alert-error have become -danger. I don't like it either. Here's a list of a few to watch out for. > unstyled to list-unstyled > label-important to label-danger > alert-error to alert-danger > noprint to hidden-print Full list here: http://getbootstrap.com/migration/#classes
        Hide
        Chris Hallberg added a comment -
        I moved and reorganized all of this documentation on the wiki: https://vufind.org/wiki/bootstrap_migration
        Show
        Chris Hallberg added a comment - I moved and reorganized all of this documentation on the wiki: https://vufind.org/wiki/bootstrap_migration

          People

          • Assignee:
            Chris Hallberg
            Reporter:
            Chris Hallberg
          • Votes:
            2 Vote for this issue
            Watchers:
            5 Start watching this issue

            Dates

            • Due:
              Created:
              Updated:
              Resolved: