mirror of
https://gitlab.gnome.org/GNOME/gtk.git
synced 2024-12-26 21:51:08 +00:00
widget-factory: Demo different Frame border-styles
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:
parent
06bf049b1a
commit
f4ffd261db
@ -2,3 +2,25 @@
|
||||
padding: 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;
|
||||
}
|
||||
|
@ -1157,10 +1157,12 @@ Suspendisse feugiat quam quis dolor accumsan cursus.</property>
|
||||
<property name="hexpand">1</property>
|
||||
<child>
|
||||
<object class="GtkFrame" id="frame1">
|
||||
<property name="shadow_type">in</property>
|
||||
<style>
|
||||
<class name="border-inset"/>
|
||||
</style>
|
||||
<child type="label">
|
||||
<object class="GtkLabel" id="label1">
|
||||
<property name="label" translatable="yes"><b>In</b></property>
|
||||
<property name="label" translatable="yes"><b>Inset</b></property>
|
||||
<property name="use_markup">1</property>
|
||||
</object>
|
||||
</child>
|
||||
@ -1168,10 +1170,12 @@ Suspendisse feugiat quam quis dolor accumsan cursus.</property>
|
||||
</child>
|
||||
<child>
|
||||
<object class="GtkFrame" id="frame2">
|
||||
<property name="shadow_type">out</property>
|
||||
<style>
|
||||
<class name="border-outset"/>
|
||||
</style>
|
||||
<child type="label">
|
||||
<object class="GtkLabel" id="label2">
|
||||
<property name="label" translatable="yes"><b>Out</b></property>
|
||||
<property name="label" translatable="yes"><b>Outset</b></property>
|
||||
<property name="use_markup">1</property>
|
||||
</object>
|
||||
</child>
|
||||
@ -1182,9 +1186,12 @@ Suspendisse feugiat quam quis dolor accumsan cursus.</property>
|
||||
</child>
|
||||
<child>
|
||||
<object class="GtkFrame" id="frame3">
|
||||
<style>
|
||||
<class name="border-groove"/>
|
||||
</style>
|
||||
<child type="label">
|
||||
<object class="GtkLabel" id="label17">
|
||||
<property name="label" translatable="yes"><b>Etched in</b></property>
|
||||
<property name="label" translatable="yes"><b>Groove</b></property>
|
||||
<property name="use_markup">1</property>
|
||||
</object>
|
||||
</child>
|
||||
@ -1195,10 +1202,12 @@ Suspendisse feugiat quam quis dolor accumsan cursus.</property>
|
||||
</child>
|
||||
<child>
|
||||
<object class="GtkFrame" id="frame4">
|
||||
<property name="shadow_type">etched-out</property>
|
||||
<style>
|
||||
<class name="border-ridge"/>
|
||||
</style>
|
||||
<child type="label">
|
||||
<object class="GtkLabel" id="label18">
|
||||
<property name="label" translatable="yes"><b>Etched out</b></property>
|
||||
<property name="label" translatable="yes"><b>Ridge</b></property>
|
||||
<property name="use_markup">1</property>
|
||||
</object>
|
||||
</child>
|
||||
|
Loading…
Reference in New Issue
Block a user