AuroraMiddleware/gtk2
1
0
Fork 0
forked from AuroraMiddleware/gtk
Code Issues Pull Requests Projects Releases Wiki Activity

widget-factory: Demo different Frame border-styles

Browse Source 
This shows not all, but the interesting/less predictable styles, and
the ones that correspond to the :shadow-types that were here before.
This commit is contained in:
Daniel Boles 2017-10-02 20:22:41 +01:00 committed by Daniel Boles
parent 06bf049b1a
commit f4ffd261db
2 changed files with 38 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
demos/widget-factory/widget-factory.css
View File

@ -2,3 +2,25 @@
padding: 0; padding: 0;
outline-width: 0; outline-width: 0;
} }
.border-inset {
border-style: inset;
}
.border-outset {
border-style: outset;
}
.border-groove {
border-style: groove;
}
.border-ridge {
border-style: ridge;
}
/* These effects use 2 lines, so show them */
.border-groove,
.border-ridge {
border-width: 2px;
}

23
demos/widget-factory/widget-factory.ui
View File

@ -1157,10 +1157,12 @@ Suspendisse feugiat quam quis dolor accumsan cursus.</property>
<property name="hexpand">1</property> <property name="hexpand">1</property>
<child> <child>
<object class="GtkFrame" id="frame1"> <object class="GtkFrame" id="frame1">
<property name="shadow_type">in</property> <style>
<class name="border-inset"/>
</style>
<child type="label"> <child type="label">
<object class="GtkLabel" id="label1"> <object class="GtkLabel" id="label1">
<property name="label" translatable="yes">&lt;b&gt;In&lt;/b&gt;</property> <property name="label" translatable="yes">&lt;b&gt;Inset&lt;/b&gt;</property>
<property name="use_markup">1</property> <property name="use_markup">1</property>
</object> </object>
</child> </child>
@ -1168,10 +1170,12 @@ Suspendisse feugiat quam quis dolor accumsan cursus.</property>
</child> </child>
<child> <child>
<object class="GtkFrame" id="frame2"> <object class="GtkFrame" id="frame2">
<property name="shadow_type">out</property> <style>
<class name="border-outset"/>
</style>
<child type="label"> <child type="label">
<object class="GtkLabel" id="label2"> <object class="GtkLabel" id="label2">
<property name="label" translatable="yes">&lt;b&gt;Out&lt;/b&gt;</property> <property name="label" translatable="yes">&lt;b&gt;Outset&lt;/b&gt;</property>
<property name="use_markup">1</property> <property name="use_markup">1</property>
</object> </object>
</child> </child>
@ -1182,9 +1186,12 @@ Suspendisse feugiat quam quis dolor accumsan cursus.</property>
</child> </child>
<child> <child>
<object class="GtkFrame" id="frame3"> <object class="GtkFrame" id="frame3">
<style>
<class name="border-groove"/>
</style>
<child type="label"> <child type="label">
<object class="GtkLabel" id="label17"> <object class="GtkLabel" id="label17">
<property name="label" translatable="yes">&lt;b&gt;Etched in&lt;/b&gt;</property> <property name="label" translatable="yes">&lt;b&gt;Groove&lt;/b&gt;</property>
<property name="use_markup">1</property> <property name="use_markup">1</property>
</object> </object>
</child> </child>
@ -1195,10 +1202,12 @@ Suspendisse feugiat quam quis dolor accumsan cursus.</property>
</child> </child>
<child> <child>
<object class="GtkFrame" id="frame4"> <object class="GtkFrame" id="frame4">
<property name="shadow_type">etched-out</property> <style>
<class name="border-ridge"/>
</style>
<child type="label"> <child type="label">
<object class="GtkLabel" id="label18"> <object class="GtkLabel" id="label18">
<property name="label" translatable="yes">&lt;b&gt;Etched out&lt;/b&gt;</property> <property name="label" translatable="yes">&lt;b&gt;Ridge&lt;/b&gt;</property>
<property name="use_markup">1</property> <property name="use_markup">1</property>
</object> </object>
</child> </child>