Uploaded image for project: 'Jenkins'
  1. Jenkins
  2. JENKINS-33955

help icons vertically mis-aligned on 2.0 newJob page

      The blue "Help" icons are no longer correctly aligned on the 2.0 newJob page.

      In previous releases for textboxes & dropdowns they where vertically aligned in the center which looked visually appealing. Now they are aligned at the top which looks ugly.

      The icon should be aligned with the first line of text - just as it is for checkboxes

          [JENKINS-33955] help icons vertically mis-aligned on 2.0 newJob page

          James Nord created issue -
          Spike Washburn made changes -
          Summary Original: help icons mis aligned on 2.0 newJob page New: help icons vertically mis-aligned on 2.0 newJob page
          Spike Washburn made changes -
          Description Original: The blue "Help" icons are no longer correctly aligned on the 2.0 newJob page.

          In previous releases for textboxes & dropdowns they where aligned in the center which looked visually appealing. Now they are aligned at the top which looks ugly.

          The icon should be aligned with the first line of text - just as it is for checkboxes

          New: The blue "Help" icons are no longer correctly aligned on the 2.0 newJob page.

          In previous releases for textboxes & dropdowns they where vertically aligned in the center which looked visually appealing. Now they are aligned at the top which looks ugly.

          The icon should be aligned with the first line of text - just as it is for checkboxes

          Top-align looks better for large controls, but not as good for single-line controls.

          Spike Washburn added a comment - Top-align looks better for large controls, but not as good for single-line controls.
          Spike Washburn made changes -
          Labels Original: 2.0 2.0-beta ui New: 2.0 2.0-beta community-bee ui
          Spike Washburn made changes -
          Assignee New: gus reiber [ gusreiber ]

          gusreiber perhaps you could make a ruling on how "broken" and "ugly" this is.

          Spike Washburn added a comment - gusreiber perhaps you could make a ruling on how "broken" and "ugly" this is.

          James Nord added a comment -

          I think I meant horizontally aligned - but you get what I mean

          James Nord added a comment - I think I meant horizontally aligned - but you get what I mean

          Spike Washburn added a comment - - edited

          Perhaps I misread. I read this issue as: you'd like the icon moved down to be centered on the horizontal center-line of the textbox...moving up and down is vertical alignment/offset. If you meant that you want more/less space between the right-edge of textbox and the left-edge of the help icon, that would be horizontal alignment/offset.

          For comparison, I have attached the old alignments with my own notes about what was ugly nice about them.

          Spike Washburn added a comment - - edited Perhaps I misread. I read this issue as: you'd like the icon moved down to be centered on the horizontal center-line of the textbox...moving up and down is vertical alignment/offset. If you meant that you want more/less space between the right-edge of textbox and the left-edge of the help icon, that would be horizontal alignment/offset. For comparison, I have attached the old alignments with my own notes about what was ugly nice about them.
          Spike Washburn made changes -
          Attachment New: Screen Shot 2016-04-04 at 9.19.33 PM.png [ 32355 ]

            gusreiber gus reiber
            teilo James Nord
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved: