CenturyLinkCloud / Cyclops

The UX/UI Pattern Guide for the CenturyLink Platform
http://assets.ctl.io/cyclops
MIT License
20 stars 16 forks source link

Cyclops 1.8.3 causes poor alignment of the toolbar search input #144

Closed guyaparker closed 7 years ago

guyaparker commented 7 years ago

A change to the padding applied to html.cyclops .btn from "3px 9px 5px" to "6px 10px;" has caused the http://assets.ctl.io/cyclops/1.8.3/listview.html#toolbar search input to no longer align with the buttons:

1.8.2 (See http://assets.ctl.io/cyclops/1.8.2/listview.html#toolbar): screen shot 2017-05-10 at 16 33 14

1.8.3 (See http://assets.ctl.io/cyclops/1.8.3/listview.html#toolbar): screen shot 2017-05-10 at 16 33 29

To correct this I need to add additional CSS:

html.cyclops .search-input svg { top: 10px; } html.cyclops .search-input input { height: 34px; }

pascualin commented 7 years ago

Fixed in v1.8.4