Kuali Rice Development
  1. Kuali Rice Development
  2. KULRICE-10717

Styling issue: Group boxes on demo screen are not properly aligned

    Details

    • Type: Bug Fix Bug Fix
    • Status: Closed Closed
    • Priority: Major Major
    • Resolution: Fixed
    • Affects Version/s: None
    • Fix Version/s: 2.4
    • Component/s: Development
    • Security Level: Public (Public: Anyone can view)
    • Labels:
      None
    • Environment:
      env14.rice.kuali.org
    • Similar issues:
      KULRICE-10622Formatting issues with tab group in demo library
      KULRICE-12480Library Box Layout Item CSS has no style applied
      KULRICE-10837Implement revised Stacked Collection styles as defined in KS Style Guide
      KULRICE-13271Item Css demo is not working in Box Layout Manager demo
      KULRICE-11687Align validation message styling with bootstrap styles
      KULRICE-5271KRAD - KS: Alignment of Field Group within accordian is off
      KULRICE-7515minor style issue with Uif-FormView headers
      KULRICE-10006IE10, value for right aligned column doesn't display when tabbing out
      KULRICE-4538KIM Group maintenance screens allow creation of circular group memberships
      KULRICE-119222.4.0 Coordinated Developer Testing: General Features - Formatting Issues
    • Rice Module:
      KRAD
    • Application Requirement:
      Rice
    • KAI Review Status:
      Not Required
    • KTI Review Status:
      Not Required
    • Code Review Status:
      Not Required
    • Include in Release Notes?:
      Yes

      Description

      On env14, the style of the demo info boxes has changed causing the boxes to be misaligned. It looks like the horizontal sizing has been narrowed and its causing the text to influence the height. Speaking with Brian the issue is tied to a change regarding:

      *, *:before, *:after {
          -moz-box-sizing: border-box;
      }
      

      Attaching screenshots.

      To view issue:
      Open tab to env14.rice.kuali.org > Select demo tab

        Activity

        Hide
        Martin Taylor (Inactive) added a comment -

        Attached screenshots related to env11 (2.3) and env14 (2.4)

        Show
        Martin Taylor (Inactive) added a comment - Attached screenshots related to env11 (2.3) and env14 (2.4)
        Hide
        Tom Clark added a comment -

        I made a width adjustment to the demo group:

        .demo-demoGroup

        { width: 215px; }

        is now:

        .demo-demoGroup

        { width: 300px; }
        Show
        Tom Clark added a comment - I made a width adjustment to the demo group: .demo-demoGroup { width: 215px; } is now: .demo-demoGroup { width: 300px; }
        Hide
        Adam Campbell (Inactive) added a comment -

        validated on env11/14 - closing as fixed

        Show
        Adam Campbell (Inactive) added a comment - validated on env11/14 - closing as fixed

          People

          • Assignee:
            Tom Clark
            Reporter:
            Martin Taylor (Inactive)
          • Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

            Dates

            • Created:
              Updated:
              Resolved:

              Structure Helper Panel