gnome-shell/tests/interactive/inline-style.js

// -*- mode: js; js-indent-level: 4; indent-tabs-mode: nil -*-

const UI = imports.testcommon.ui;

const Clutter = imports.gi.Clutter;
const St = imports.gi.St;

function test() {
    let stage = new Clutter.Stage();
    UI.init(stage);

    let vbox = new St.BoxLayout({ vertical: true,
                                  width: stage.width,
                                  height: stage.height });
    stage.add_actor(vbox);

    let hbox = new St.BoxLayout({ style: 'spacing: 12px;' });
    vbox.add(hbox);

    let text = new St.Label({ text: "Styled Text" });
    vbox.add (text);

    let size = 24;
    function update_size() {
        text.style = 'font-size: ' + size + 'pt';
    }
    update_size();

    let button;

    button = new St.Button ({ label: 'Smaller', style_class: 'push-button' });
    hbox.add (button);
    button.connect('clicked', () => {
        size /= 1.2;
        update_size ();
    });

    button = new St.Button ({ label: 'Bigger', style_class: 'push-button' });
    hbox.add (button);
    button.connect('clicked', () => {
        size *= 1.2;
        update_size ();
    });

    UI.main(stage);
}
test();