[Koha-bugs] [Bug 20670] New: Add markup and standard classes for sidebars and main content areas

bugzilla-daemon at bugs.koha-community.org bugzilla-daemon at bugs.koha-community.org
Fri Apr 27 15:06:50 CEST 2018


https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=20670

            Bug ID: 20670
           Summary: Add markup and standard classes for sidebars and main
                    content areas
 Change sponsored?: ---
           Product: Koha
           Version: master
          Hardware: All
                OS: All
            Status: ASSIGNED
          Severity: enhancement
          Priority: P5 - low
         Component: Templates
          Assignee: oleonard at myacpl.org
          Reporter: oleonard at myacpl.org
        QA Contact: testopia at bugs.koha-community.org
            Blocks: 14546

As we move away from YUI grids, it would be helpful if we could consistently
add some classes to the primary sections of the page. That would allow us to
style elements differently based on their container's class.

I've already begun adding a "main" class to the <div> which is the primary
"container" for the Bootstrap grid. It typically looks like this:

    <div class="main container-fluid">
        <div class="row">
            <div class="col-sm-5 col-md-4">

I would like to add an additional container that wraps the primary content
region for the page. This container should have no style attached to it (as it
might interfere with grid layout), but can serve as a context for styles within
it.

-----------------------------------------------
*                  .main                      *
* ------------------------------------------- *
* *          *      .main-content           * *
* *          *                              * *
* * .sidebar *  --------------------------  * *
* *          *  *                        *  * *
* *          *  *   .row                 *  * *
* *          *  *      .col-*            *  * *
* *          *  *           ...etc.      *  * *
* *          *  --------------------------  * *
* *          *                              * *
* ------------------------------------------- *
*                                             *
-----------------------------------------------

The use I have right away is to style forms differently based on whether they
are in the sidebar or the main-content area. Right now we have some CSS which
depends on YUI grid classes, and we need to replace that which isn't dependent
on the grid system we choose.


Referenced Bugs:

https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=14546
[Bug 14546] Make staff client templates responsive
-- 
You are receiving this mail because:
You are watching all bug changes.


More information about the Koha-bugs mailing list