Looks like we cannot reproduce this. Please provide another test case to reproduce this issue.
  1. #1
    Touch Premium Member
    Join Date
    Jun 2008
    Location
    Germany, Dortmund
    Posts
    249
    Vote Rating
    12
    hschaefer123 will become famous soon enough

      0  

    Default [4.1.1] TabPanel tab icons first 1px line is clipped

    [4.1.1] TabPanel tab icons first 1px line is clipped


    Using silk icons lib (16x16 px) as tab panel icons via iconCls the icons top most 1 pixel line is clipped inside tabpanel.

    Problem exists in Firefox and also IE (so maybe generall issue).

    If you zoomout the screenshot, you will see the missing 1px top line, that is show befond in panel header.

    Screenshot:
    ext411_tabpanel_iconcls_issue.png
    Attached Images

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,059
    Vote Rating
    851
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    looking at the examples/tabs/tabs-adv.html the icons are appropriately sized and not cut off in FF14 and Chrome 20 on Windows or Mac.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Touch Premium Member
    Join Date
    Jun 2008
    Location
    Germany, Dortmund
    Posts
    249
    Vote Rating
    12
    hschaefer123 will become famous soon enough

      0  

    Default


    Hi Mitchell,
    nice try, but the used icon tabs.gif is squared and has some transparent pixels on top!

    There for you will not notice missing/clipped line at the top of the image!

    If you use an icon that starts with show pixels in first line, you'll see the same behavior.

    Believe me ;-)

    Cheers Holger

  4. #4
    Touch Premium Member
    Join Date
    Jun 2008
    Location
    Germany, Dortmund
    Posts
    249
    Vote Rating
    12
    hschaefer123 will become famous soon enough

      0  

    Default


    Steps to reproduce:

    1) replace ..\examples\tabs\tabs-adv.css tabs class by

    Code:
    .tabs {
      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAEBJREFUOE/tk7ENACAMw3wN1/C/GPjFhBfISiWPraImgaEVQi68wxQbkB0F7+CK/AIyeUHDd+G7kPw0Pbi7dRcOgtc33xdoo4wAAAAASUVORK5CYII=') !important;
    }
    2) open ..\examples\tabs\tabs-adv.html inside browser and see result

    tab-issue.png


    3) compare to original icon and see missing blue first line!

    tab-issue-icon.png

  5. #5
    Touch Premium Member
    Join Date
    Jun 2008
    Location
    Germany, Dortmund
    Posts
    249
    Vote Rating
    12
    hschaefer123 will become famous soon enough

      0  

    Default


    State should be open again!

  6. #6
    Ext JS Premium Member
    Join Date
    Jan 2008
    Location
    Germany, Berlin
    Posts
    135
    Vote Rating
    11
    fschaeffer will become famous soon enough

      0  

    Default


    confirmed, still 1px on top is cut off (using Chrome, FF) on 4.1.1

Thread Participants: 2