1. #1
    Ext User
    Join Date
    Oct 2007
    Posts
    35
    Vote Rating
    0
    jrichard415 is on a distinguished road

      0  

    Default [FIXED][2.0.2]Safari3: tops of fieldset icon/checkbox clipped

    [FIXED][2.0.2]Safari3: tops of fieldset icon/checkbox clipped


    Using the default style, the tops of the fieldset checkboxes and/or the collapse icon have a couple pixels clipped off the top of them.

    Example page:
    http://sonatype.com/~jrichard/ext-is...hs-strict.html

  2. #2
    Sencha User
    Join Date
    Apr 2012
    Location
    Austin, Texas
    Posts
    4
    Vote Rating
    0
    brian.moeskau is an unknown quantity at this point

      0  

    Default


    Confirmed. We'll add this to our list of issues.

  3. #3
    Ext User
    Join Date
    Oct 2007
    Posts
    35
    Vote Rating
    0
    jrichard415 is on a distinguished road

      0  

    Default fix by overriding

    fix by overriding


    I was confused the day I wrote this original response. I thought this was a different post of mine I was replying to. What I originally wrote in this response is now described here:
    http://extjs.com/forum/showthread.php?p=147147
    Last edited by jrichard415; 2 Apr 2008 at 10:50 AM. Reason: posted to wrong thread

  4. #4
    Ext User
    Join Date
    Oct 2007
    Posts
    35
    Vote Rating
    0
    jrichard415 is on a distinguished road

      0  

    Default CSS fix

    CSS fix


    Here's the fix that I'm using:
    Code:
    .ext-safari .x-fieldset legend .x-tool-toggle, .ext-safari .x-fieldset legend input {margin-top:1px;}

  5. #5
    Ext JS Premium Member stever's Avatar
    Join Date
    Mar 2007
    Posts
    1,407
    Vote Rating
    6
    stever will become famous soon enough stever will become famous soon enough

      0  

    Default


    Quote Originally Posted by jrichard415 View Post
    Here's the fix that I'm using:
    Code:
    .ext-safari .x-fieldset legend .x-tool-toggle, .ext-safari .x-fieldset legend input {margin-top:1px;}
    I use this:
    Code:
    .ext-safari .x-fieldset legend {padding-top:2px;}
    Last edited by stever; 30 Apr 2008 at 10:17 PM. Reason: Oops... 2px not 1px

  6. #6
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    17,049
    Vote Rating
    657
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    Fixed in SVN.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  7. #7
    Sencha User ChrisR's Avatar
    Join Date
    Apr 2007
    Location
    Belgium
    Posts
    83
    Vote Rating
    0
    ChrisR is on a distinguished road

      0  

    Default


    Is it possible this but is reintroduced in Ext3?
    I'm using Ext3.3.1 and the following rule is causing the same clipping behaviour in Webkit

    Code:
    .x-fieldset legend input {
        margin-right:3px;
        float:left !important;
        height:13px;
        width:13px;
    }
    When the float is removed the checkbox moves back into place.
    Webdevelopment : Skyrocket Concepts