1. #1
    Sencha User
    Join Date
    Dec 2008
    Location
    Buenos Aires, Argentina
    Posts
    2
    Vote Rating
    0
    dafner is on a distinguished road

      0  

    Default Extjs 4.2 problem with gray-theme

    Extjs 4.2 problem with gray-theme


    Hi,

    Recently I download the latest release 4.2 in order to test an small application that use the gray theme.
    When I switched to the ver. 4.2 I noticed some problems with the buttons on the grid panel.
    Basicaly, the problem arise with mouse hover event and when I click a toggle button. The button show a violet box
    instead of degrade of gray tone as occur in previous version.
    The application is running without problem with the version 4.1
    In order to reproduce the problem you can access to the Theme viewer example for version 4.1 and 4.2 in the following links

    http://dev.sencha.com/deploy/ext-4.1...ndex-gray.html
    http://docs.sencha.com/ext-js/4-2/ex...tml?theme=gray

    Also, I attached some images that showing the problem

    Could you tell me if there are any fix to the gray theme?

    Any help will be appreciate

    Thanks and regards


    Theme Viewer Example 4.2


    Theme Viewer Example 4.1

  2. #2
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    5,032
    Vote Rating
    185
    slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold

      0  

    Default


    Thanks for the report! Looks like this issue should be fixed in a future 4.2.1 build - let's test once the next build drops for review.

    For reference:
    http://www.sencha.com/forum/showthread.php?258852

  3. #3
    alecperkey
    Guest

    Default


    If you cannot wait... This is the code which must be changed either in the CSS (hex values #deb6b7 and #e1bebf) or in the SCSS of the ext-theme-gray (first line below references the Button.scss which will contain the same hex values)

    /* line 366, ../../../ext-theme-neutral/sass/src/button/Button.scss */
    .x-btn-default-toolbar-small-menu-active,
    .x-btn-default-toolbar-small-pressed {
    border-color: #9d9d9d;
    background-image: none;
    background-color: #d6d6d6;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d6d6d6), color-stop(48%, #dcdcdc), color-stop(52%, #deb6b7), color-stop(100%, #e1bebf));
    background-image: -webkit-linear-gradient(top, #d6d6d6, #dcdcdc 48%, #deb6b7 52%, #e1bebf);
    background-image: -moz-linear-gradient(top, #d6d6d6, #dcdcdc 48%, #deb6b7 52%, #e1bebf);
    background-image: -o-linear-gradient(top, #d6d6d6, #dcdcdc 48%, #deb6b7 52%, #e1bebf);
    background-image: linear-gradient(top, #d6d6d6, #dcdcdc 48%, #deb6b7 52%, #e1bebf);
    }

    Warm regards from Ann Arbor,
    Alec

  4. #4
    alecperkey
    Guest

    Default


    Well actually this is fixed in 4.2.1 earlier today!

  5. #5
    Sencha User
    Join Date
    Dec 2008
    Location
    Buenos Aires, Argentina
    Posts
    2
    Vote Rating
    0
    dafner is on a distinguished road

      0  

    Default


    Thanks for your answer!! I'll try your suggested changes in CSS

Thread Participants: 2

Tags for this Thread