1. #1
    Sencha User
    Join Date
    Jun 2008
    Posts
    14
    Vote Rating
    0
    Benjamin Ansbach is on a distinguished road

      0  

    Question Button UI: Combine x-button-small with x-button-back and x-button-action

    Button UI: Combine x-button-small with x-button-back and x-button-action


    Hi there,

    is there any possibility to create a small toolbar action button without adding new CSS classes?

    Or better: When I change the
    Code:
    $button-height: 1.8em;
    to
    Code:
    $button-height: 1.5em;
    in the _buttons.scss file, all buttons, even the action and back/forward buttons are adjusted - thats what I want. But when I set the $button-height variable in my sencha-touch.scss, like i did it with the $base-color, $active-color variables and so on, the button height will not change. Why?

    Thanks!

  2. #2
    Sencha User
    Join Date
    Aug 2011
    Posts
    2
    Vote Rating
    0
    keithlevi is on a distinguished road

      0  

    Default change button size via $button-height:

    change button size via $button-height:


    Benjamin - Did you ever find an answer to the problem that setting

    $button-height:

    does not have any effect?

    I would also like to use this variable override for the same purpose, but
    am having the same problem. When I compile with Compass it says the .css file is identical. I wonder if that means that the button-height variable is not actually being used in any of the Sencha button styling?

    Thanks

    Keith Levi

  3. #3
    Sencha User
    Join Date
    Feb 2013
    Posts
    2
    Vote Rating
    0
    huangenyang@gmail.com is on a distinguished road

      0  

    Default Confirmed the error is still with 2.1.1

    Confirmed the error is still with 2.1.1


    Overriding $button-height does not cause app.css to change. Sencha, please help. This is one clearly defined in your CSS Var document for Button and it is NOT working.

Similar Threads

  1. Replies: 0
    Last Post: 3 Sep 2010, 12:38 PM
  2. Replies: 6
    Last Post: 12 Aug 2010, 9:40 AM
  3. Replies: 2
    Last Post: 13 Jul 2010, 5:08 AM
  4. Action button duplicates function of tabbar button
    By thebestusername in forum Sencha Touch 1.x: Discussion
    Replies: 5
    Last Post: 7 Jul 2010, 10:18 AM

Thread Participants: 2