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

KRAD Demo Library Rich Messages CSS demo not showing changed presentation

    Details

    • Type: Bug Fix Bug Fix
    • Status: Closed Closed
    • Priority: Major Major
    • Resolution: Fixed
    • Affects Version/s: 2.3, 2.4
    • Fix Version/s: 2.4
    • Component/s: Development
    • Security Level: Public (Public: Anyone can view)
    • Labels:
      None
    • Similar issues:
      KULRICE-11554Create AFT for Demo Library Message with custom CSS and Message with Expression
      KULRICE-13271Item Css demo is not working in Box Layout Manager demo
      KULRICE-10823KRAD Demo Library Client Responsiveness Progressive Disclosure 'show' does not disclose field sometimes?
      KULRICE-10770KRAD Demo Library Breadcrumbs Path-based left nav to Page1 presents UnexpectedTypeException
      KULRICE-12480Library Box Layout Item CSS has no style applied
      KULRICE-10759KRAD Demo Library Header Layout tabs are blocked from clicking
      KULRICE-10532KRAD Demo Library Freemarker Exception in header.ftl
      KULRICE-10671Demo and test readOnly fields in KRAD Demo Library Input Fields
      KULRICE-119222.4.0 Coordinated Developer Testing: General Features - Formatting Issues
      KULRICE-11495Fill AFT Per-Screen Item Gap: KRAD Library: Rich Messages
    • Rice Module:
      KRAD
    • Sprint:
      2.4.0-rc1 Sprint 4
    • KAI Review Status:
      Not Required
    • KTI Review Status:
      Not Required
    • Code Review Status:
      Not Required
    • Include in Release Notes?:
      Yes

      Description

      KRAD Demo Library Rich Messages CSS sets fl-text-underline fl-text-larger but demonstation text does not present as changed.

        Issue Links

          Activity

          Hide
          Corey Pedersen (Inactive) added a comment -

          fl-text-underline fl-text-larger are Fluid CSS tags.

          Show
          Corey Pedersen (Inactive) added a comment - fl-text-underline fl-text-larger are Fluid CSS tags.
          Hide
          Brian Smith (Inactive) added a comment -

          just add new classes to replace these and set those instead

          Show
          Brian Smith (Inactive) added a comment - just add new classes to replace these and set those instead
          Hide
          Shannon Hess added a comment -

          I created new css classes to replace the fluid classes that were removed, and changed references to fl-text-underline and fl-text-larger so that the new css classes are used.

          Show
          Shannon Hess added a comment - I created new css classes to replace the fluid classes that were removed, and changed references to fl-text-underline and fl-text-larger so that the new css classes are used.
          Hide
          Shannon Hess added a comment -

          setting estimate to match what was set for KULRICE-11922

          Show
          Shannon Hess added a comment - setting estimate to match what was set for KULRICE-11922
          Hide
          Brian Smith (Inactive) added a comment - - edited

          Sorry my comment was old on this one. There wasn't any bootstrap equivalent classes?

          Show
          Brian Smith (Inactive) added a comment - - edited Sorry my comment was old on this one. There wasn't any bootstrap equivalent classes?
          Hide
          Shannon Hess added a comment -

          I couldn't find ones that exactly matched the fluid classes. There was a lot of css classes that had used the underline, but the names did not make sense - such as hover or link. To replace fl-text-larger, I could probably use uif-applicationMessage since it only adds one other thing in addition to the size change. Would you recommend that?

          Existing class I could use for fl-text-larger:

          .uif-applicationMessage {
            font-size: 125%;
            font-weight: bold;
          }
          

          Classes I added:

          .uif-text-underline {
            text-decoration: underline;
          }
          
          .uif-text-larger {
            font-size: 125%;
          }
          
          Show
          Shannon Hess added a comment - I couldn't find ones that exactly matched the fluid classes. There was a lot of css classes that had used the underline, but the names did not make sense - such as hover or link. To replace fl-text-larger, I could probably use uif-applicationMessage since it only adds one other thing in addition to the size change. Would you recommend that? Existing class I could use for fl-text-larger: .uif-applicationMessage { font-size: 125%; font-weight: bold; } Classes I added: .uif-text-underline { text-decoration: underline; } .uif-text-larger { font-size: 125%; }
          Hide
          Brian Smith (Inactive) added a comment -

          Its fine what you did then, thanks for looking

          Show
          Brian Smith (Inactive) added a comment - Its fine what you did then, thanks for looking

            People

            • Assignee:
              Shannon Hess
              Reporter:
              Corey Pedersen (Inactive)
            • Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Time Tracking

                Estimated:
                Original Estimate - 3 hours
                3h
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 2 hours Time Not Required
                2h

                  Agile

                    Structure Helper Panel