Uploaded image for project: 'Camunda Optimize'
  1. Camunda Optimize
  2. OPT-2350 New Form UI
  3. OPT-2613

Line breaking for labelled elements is not done correctly

    XMLWordPrintable

    Details

    • Type: Bug Part
    • Status: Done
    • Priority: L3 - Default
    • Resolution: Fixed
    • Affects Version/s: None
    • Fix Version/s: 2.6.0
    • Component/s: frontend
    • Labels:
      None

      Description

      • given:
        • I have an element with a form ui, form group and a labeled element (e.g. a switch), e.g. filter for undefined variables
        • the dedicated label is longer then the horizontal space
      • when:
        • I go to the dedicated page
      • then:
      • expected:
        • the line is just wrapped within the labeled space

      Hint:
      I could already solve the problem once, using the following css for the FilterForUndefined component:

      .FilterForUndefined {
        margin-top: 20px;
      }
      
      .FilterForUndefined_Label {
        display: flex;
        flex-direction: row;
      }
      
      .FilterForUndefined_Switch {
        margin-right: 10px;
      }
      
      .FilterForUndefined_Text {
        line-height: 15px;
      }
      
      

        Attachments

          Activity

            People

            Assignee:
            Unassigned
            Reporter:
            johannes.heinemann Johannes Heinemann
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved: