gnome-shell/tests/interactive/borders.js

/* -*- mode: js2; js2-basic-offset: 4; indent-tabs-mode: nil -*- */

const Clutter = imports.gi.Clutter;
const Nbtk = imports.gi.Nbtk;

const UI = imports.testcommon.ui;

UI.init();
let stage = Clutter.Stage.get_default();
stage.width = 600;
stage.height = 700;

let vbox = new Nbtk.BoxLayout({ vertical: true,
				width: stage.width,
			        height: stage.height,
                                spacing: 20,
                                style: 'padding: 10px; background: #ffee88;' });
stage.add_actor(vbox);

vbox.add(new Nbtk.Label({ text: "Hello World",
                          style: 'border: 1px solid black; '
                                 + 'padding: 5px;' }));

vbox.add(new Nbtk.Label({ text: "Hello Round World",
                          style: 'border: 3px solid green; '
                                 + 'border-radius: 8px; '
                                 + 'padding: 5px;' }));

vbox.add(new Nbtk.Label({ text: "Hello Background",
                          style: 'border: 3px solid green; '
                                 + 'border-radius: 8px; '
                                 + 'background: white; '
                                 + 'padding: 5px;' }));

vbox.add(new Nbtk.Label({ text: "Border, Padding, Content: 20px" }));

let b1 = new Nbtk.BoxLayout({ vertical: true,
                              style: 'border: 20px solid black; '
                                     + 'background: white; '
                                     + 'padding: 20px;' });
vbox.add(b1);

b1.add(new Nbtk.BoxLayout({ width: 20, height: 20,
                            style: 'background: black' }));

vbox.add(new Nbtk.Label({ text: "Translucent blue border, with rounding",
                          style: 'border: 20px solid rgba(0, 0, 255, 0.2); '
                                 + 'border-radius: 10px; '
                                 + 'background: white; '
                                 + 'padding: 10px;' }));

vbox.add(new Nbtk.Label({ text: "Transparent border",
                          style: 'border: 20px solid transparent; '
                                 + 'background: white; '
                                 + 'padding: 10px;' }));

vbox.add(new Nbtk.Label({ text: "Border Image",
                          style_class: "border-image",
                          style: "padding: 10px;" }));

stage.show();
Clutter.main();
stage.destroy();