[libhandy/wip/haecker-felix/flap-widget] Demo
- From: Alexander Mikhaylenko <alexm src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [libhandy/wip/haecker-felix/flap-widget] Demo
- Date: Tue, 24 Nov 2020 12:56:47 +0000 (UTC)
commit be5cfadfd1161a45878d56dc1b0bdfbde52d06e4
Author: Alexander Mikhaylenko <alexm gnome org>
Date: Tue Nov 24 17:55:34 2020 +0500
Demo
examples/handy-demo.gresources.xml | 5 +
examples/hdy-demo-window.ui | 2 +-
examples/hdy-flap-demo-window.c | 86 +++++++
examples/hdy-flap-demo-window.ui | 255 +++++++++++++++------
examples/icons/view-sidebar-end-symbolic-rtl.svg | 68 ++++++
examples/icons/view-sidebar-end-symbolic.svg | 68 ++++++
examples/icons/view-sidebar-start-symbolic-rtl.svg | 44 ++++
examples/icons/view-sidebar-start-symbolic.svg | 44 ++++
examples/icons/widget-flap-symbolic.svg | 1 +
examples/style.css | 4 +
10 files changed, 507 insertions(+), 70 deletions(-)
---
diff --git a/examples/handy-demo.gresources.xml b/examples/handy-demo.gresources.xml
index 19e24ede..52e20e49 100644
--- a/examples/handy-demo.gresources.xml
+++ b/examples/handy-demo.gresources.xml
@@ -8,9 +8,14 @@
<file preprocess="xml-stripblanks">icons/gesture-touchpad-swipe-back-symbolic.svg</file>
<file preprocess="xml-stripblanks">icons/gnome-smartphone-symbolic.svg</file>
<file preprocess="xml-stripblanks">icons/light-mode-symbolic.svg</file>
+ <file preprocess="xml-stripblanks">icons/view-sidebar-start-symbolic.svg</file>
+ <file preprocess="xml-stripblanks">icons/view-sidebar-start-symbolic-rtl.svg</file>
+ <file preprocess="xml-stripblanks">icons/view-sidebar-end-symbolic.svg</file>
+ <file preprocess="xml-stripblanks">icons/view-sidebar-end-symbolic-rtl.svg</file>
<file preprocess="xml-stripblanks">icons/widget-carousel-symbolic.svg</file>
<file preprocess="xml-stripblanks">icons/widget-clamp-symbolic.svg</file>
<file preprocess="xml-stripblanks">icons/widget-deck-symbolic.svg</file>
+ <file preprocess="xml-stripblanks">icons/widget-flap-symbolic.svg</file>
<file preprocess="xml-stripblanks">icons/widget-keypad-symbolic.svg</file>
<file preprocess="xml-stripblanks">icons/widget-leaflet-symbolic.svg</file>
<file preprocess="xml-stripblanks">icons/widget-list-symbolic.svg</file>
diff --git a/examples/hdy-demo-window.ui b/examples/hdy-demo-window.ui
index 1f08b8a0..de613382 100644
--- a/examples/hdy-demo-window.ui
+++ b/examples/hdy-demo-window.ui
@@ -2338,7 +2338,7 @@
<property name="visible">True</property>
<property name="opacity">0.5</property>
<property name="can_focus">False</property>
- <property name="label" translatable="yes">Widgets to switch the window's
view.</property>
+ <property name="label" translatable="yes">A widgets showing a flap next
to or above the content.</property>
<property name="justify">center</property>
<property name="use_markup">true</property>
<property name="wrap">True</property>
diff --git a/examples/hdy-flap-demo-window.c b/examples/hdy-flap-demo-window.c
index c4479046..487d5806 100644
--- a/examples/hdy-flap-demo-window.c
+++ b/examples/hdy-flap-demo-window.c
@@ -5,22 +5,108 @@
struct _HdyFlapDemoWindow
{
HdyWindow parent_instance;
+
+ HdyFlap *flap;
+ GtkWidget *reveal_btn_start;
+ GtkWidget *reveal_btn_end;
+ HdyComboRow *fold_policy_row;
+ HdyComboRow *transition_type_row;
};
G_DEFINE_TYPE (HdyFlapDemoWindow, hdy_flap_demo_window, HDY_TYPE_WINDOW)
+static gchar *
+fold_policy_name (HdyEnumValueObject *value,
+ gpointer user_data)
+{
+ g_return_val_if_fail (HDY_IS_ENUM_VALUE_OBJECT (value), NULL);
+
+ switch (hdy_enum_value_object_get_value (value)) {
+ case HDY_FLAP_FOLD_POLICY_NEVER:
+ return g_strdup (_("Never"));
+ case HDY_FLAP_FOLD_POLICY_ALWAYS:
+ return g_strdup (_("Always"));
+ case HDY_FLAP_FOLD_POLICY_AUTO:
+ return g_strdup (_("Auto"));
+ default:
+ return NULL;
+ }
+}
+
+static gchar *
+transition_type_name (HdyEnumValueObject *value,
+ gpointer user_data)
+{
+ g_return_val_if_fail (HDY_IS_ENUM_VALUE_OBJECT (value), NULL);
+
+ switch (hdy_enum_value_object_get_value (value)) {
+ case HDY_FLAP_TRANSITION_TYPE_OVER:
+ return g_strdup (_("Over"));
+ case HDY_FLAP_TRANSITION_TYPE_UNDER:
+ return g_strdup (_("Under"));
+ case HDY_FLAP_TRANSITION_TYPE_SLIDE:
+ return g_strdup (_("Slide"));
+ case HDY_FLAP_TRANSITION_TYPE_OVER_TRANSPARENT:
+ return g_strdup (_("Over (transparent)"));
+ default:
+ return NULL;
+ }
+}
+
+static void
+start_toggle_button_toggled_cb (GtkToggleButton *button,
+ HdyFlapDemoWindow *self)
+{
+ GtkPackType type;
+ if (gtk_toggle_button_get_active (button)) {
+ hdy_flap_set_flap_position (self->flap, GTK_PACK_START);
+ gtk_widget_hide (self->reveal_btn_end);
+ gtk_widget_show (self->reveal_btn_start);
+ } else {
+ hdy_flap_set_flap_position (self->flap, GTK_PACK_END);
+ gtk_widget_hide (self->reveal_btn_start);
+ gtk_widget_show (self->reveal_btn_end);
+ }
+}
+
+static void
+stack_notify_visible_child_cb (HdyFlapDemoWindow *self)
+{
+ if (hdy_flap_get_folded (self->flap) && !hdy_flap_get_locked (self->flap))
+ hdy_flap_set_reveal_flap (self->flap, FALSE);
+}
+
static void
hdy_flap_demo_window_class_init (HdyFlapDemoWindowClass *klass)
{
GtkWidgetClass *widget_class = GTK_WIDGET_CLASS (klass);
gtk_widget_class_set_template_from_resource (widget_class,
"/sm/puri/Handy/Demo/ui/hdy-flap-demo-window.ui");
+ gtk_widget_class_bind_template_child (widget_class, HdyFlapDemoWindow, flap);
+ gtk_widget_class_bind_template_child (widget_class, HdyFlapDemoWindow, reveal_btn_start);
+ gtk_widget_class_bind_template_child (widget_class, HdyFlapDemoWindow, reveal_btn_end);
+ gtk_widget_class_bind_template_child (widget_class, HdyFlapDemoWindow, fold_policy_row);
+ gtk_widget_class_bind_template_child (widget_class, HdyFlapDemoWindow, transition_type_row);
+ gtk_widget_class_bind_template_callback (widget_class, start_toggle_button_toggled_cb);
+ gtk_widget_class_bind_template_callback (widget_class, stack_notify_visible_child_cb);
}
static void
hdy_flap_demo_window_init (HdyFlapDemoWindow *self)
{
gtk_widget_init_template (GTK_WIDGET (self));
+
+ hdy_combo_row_set_for_enum (self->fold_policy_row,
+ HDY_TYPE_FLAP_FOLD_POLICY,
+ fold_policy_name, NULL, NULL);
+ hdy_combo_row_set_selected_index (self->fold_policy_row,
+ HDY_FLAP_FOLD_POLICY_AUTO);
+
+ hdy_combo_row_set_for_enum (self->transition_type_row,
+ HDY_TYPE_FLAP_TRANSITION_TYPE,
+ transition_type_name, NULL, NULL);
+ hdy_combo_row_set_selected_index (self->transition_type_row,
+ HDY_FLAP_TRANSITION_TYPE_OVER);
}
HdyFlapDemoWindow *
diff --git a/examples/hdy-flap-demo-window.ui b/examples/hdy-flap-demo-window.ui
index 51e04a46..42483e0a 100644
--- a/examples/hdy-flap-demo-window.ui
+++ b/examples/hdy-flap-demo-window.ui
@@ -3,104 +3,221 @@
<requires lib="gtk+" version="3.20"/>
<requires lib="libhandy" version="0.0"/>
<template class="HdyFlapDemoWindow" parent="HdyWindow">
- <property name="can_focus">False</property>
<property name="modal">True</property>
<property name="window_position">center-on-parent</property>
+ <property name="default-width">640</property>
+ <property name="default-height">480</property>
<child>
<object class="GtkBox">
<property name="visible">True</property>
- <property name="can_focus">False</property>
<property name="orientation">vertical</property>
<child>
<object class="HdyHeaderBar">
<property name="visible">True</property>
- <property name="centering_policy">strict</property>
- <property name="can_focus">False</property>
<property name="show_close_button">True</property>
- <property name="title">HdyViewSwitcher Demo</property>
- <child type="title">
- <object class="HdyViewSwitcherTitle" id="switcher_title">
+ <property name="title">HdyFlap Demo</property>
+ <child>
+ <object class="GtkToggleButton" id="reveal_btn_start">
<property name="visible">True</property>
- <property name="can_focus">False</property>
- <property name="stack">stack</property>
- <property name="title" translatable="yes">View Switcher Example</property>
+ <property name="active" bind-source="flap" bind-property="reveal-flap"
bind-flags="sync-create|bidirectional"/>
+ <child>
+ <object class="GtkImage">
+ <property name="visible">True</property>
+ <property name="icon-name">view-sidebar-start-symbolic</property>
+ </object>
+ </child>
</object>
</child>
- </object>
- </child>
- <child>
- <object class="GtkStack" id="stack">
- <property name="visible">True</property>
- <property name="can_focus">False</property>
<child>
- <object class="GtkLabel">
- <property name="visible">True</property>
- <property name="can_focus">False</property>
- <property name="margin">24</property>
- <property name="label" translatable="yes">World</property>
+ <object class="GtkToggleButton" id="reveal_btn_end">
+ <property name="visible">False</property>
+ <property name="active" bind-source="flap" bind-property="reveal-flap"
bind-flags="sync-create|bidirectional"/>
+ <child>
+ <object class="GtkImage">
+ <property name="visible">True</property>
+ <property name="icon-name">view-sidebar-end-symbolic</property>
+ </object>
+ </child>
</object>
<packing>
- <property name="name">page1</property>
- <property name="title" translatable="yes">World</property>
- <property name="icon_name">help-about-symbolic</property>
+ <property name="pack-type">end</property>
</packing>
</child>
- <child>
- <object class="GtkLabel">
+ </object>
+ </child>
+ <child>
+ <object class="HdyFlap" id="flap">
+ <property name="visible">True</property>
+ <property name="locked" bind-source="locked_switch" bind-property="active"
bind-flags="sync-create"/>
+ <property name="fold-policy" bind-source="fold_policy_row" bind-property="selected-index"/>
+ <property name="transition-type" bind-source="transition_type_row"
bind-property="selected-index"/>
+ <property name="click-to-close" bind-source="click_to_close_switch" bind-property="active"
bind-flags="sync-create"/>
+ <property name="swipe-to-open" bind-source="swipe_to_open_switch" bind-property="active"
bind-flags="sync-create"/>
+ <property name="swipe-to-close" bind-source="swipe_to_close_switch" bind-property="active"
bind-flags="sync-create"/>
+ <child type="flap">
+ <object class="GtkStackSidebar">
<property name="visible">True</property>
- <property name="can_focus">False</property>
- <property name="margin">24</property>
- <property name="label" translatable="yes">Alarm</property>
+ <property name="stack">stack</property>
+ <property name="width-request">200</property>
+ <style>
+ <class name="transparent"/>
+ </style>
</object>
- <packing>
- <property name="name">page2</property>
- <property name="title" translatable="yes">Alarm</property>
- <property name="icon_name">alarm-symbolic</property>
- <property name="position">1</property>
- <property name="needs_attention">True</property>
- </packing>
</child>
- <child>
- <object class="GtkLabel">
+ <child type="separator">
+ <object class="GtkSeparator">
<property name="visible">True</property>
- <property name="can_focus">False</property>
- <property name="margin">24</property>
- <property name="label" translatable="yes">Stopwatch</property>
+ <style>
+ <class name="sidebar"/>
+ </style>
</object>
- <packing>
- <property name="name">page3</property>
- <property name="title" translatable="yes">Stopwatch</property>
- <property name="icon_name">document-print-symbolic</property>
- <property name="position">2</property>
- </packing>
</child>
<child>
- <object class="GtkLabel">
+ <object class="GtkStack" id="stack">
<property name="visible">True</property>
- <property name="can_focus">False</property>
- <property name="margin">24</property>
- <property name="label" translatable="yes">Timer</property>
+ <property name="vexpand">True</property>
+ <signal name="notify::visible-child" handler="stack_notify_visible_child_cb" swapped="true"/>
+ <child>
+ <object class="HdyPreferencesPage">
+ <property name="visible">True</property>
+ <child>
+ <object class="HdyPreferencesGroup">
+ <property name="visible">True</property>
+ <child>
+ <object class="HdyComboRow" id="fold_policy_row">
+ <property name="visible">True</property>
+ <property name="title" translatable="yes">Fold policy</property>
+ </object>
+ </child>
+ <child>
+ <object class="HdyActionRow">
+ <property name="visible">True</property>
+ <property name="title" translatable="yes">Locked</property>
+ <property name="activatable_widget">locked_switch</property>
+ <child>
+ <object class="GtkSwitch" id="locked_switch">
+ <property name="visible">True</property>
+ <property name="valign">center</property>
+ </object>
+ </child>
+ </object>
+ </child>
+ </object>
+ </child>
+ </object>
+ <packing>
+ <property name="title" translatable="yes">Folding</property>
+ </packing>
+ </child>
+ <child>
+ <object class="HdyPreferencesPage">
+ <property name="visible">True</property>
+ <child>
+ <object class="HdyPreferencesGroup">
+ <property name="visible">True</property>
+ <child>
+ <object class="HdyActionRow">
+ <property name="visible">True</property>
+ <property name="title" translatable="yes">Flap position</property>
+ <child>
+ <object class="GtkBox">
+ <property name="visible">True</property>
+ <property name="valign">center</property>
+ <style>
+ <class name="linked"/>
+ </style>
+ <child>
+ <object class="GtkRadioButton" id="start_toggle_button">
+ <property name="label" translatable="yes">Start</property>
+ <property name="visible">True</property>
+ <property name="draw-indicator">False</property>
+ <property name="active">True</property>
+ <signal name="toggled" handler="start_toggle_button_toggled_cb"/>
+ </object>
+ </child>
+ <child>
+ <object class="GtkRadioButton" id="end_toggle_button">
+ <property name="label" translatable="yes">End</property>
+ <property name="visible">True</property>
+ <property name="draw-indicator">False</property>
+ <property name="group">start_toggle_button</property>
+ </object>
+ </child>
+ </object>
+ </child>
+ </object>
+ </child>
+ <child>
+ <object class="HdyComboRow" id="transition_type_row">
+ <property name="visible">True</property>
+ <property name="title" translatable="yes">Transition type</property>
+ </object>
+ </child>
+ </object>
+ </child>
+ </object>
+ <packing>
+ <property name="title" translatable="yes">Layout</property>
+ </packing>
+ </child>
+ <child>
+ <object class="HdyPreferencesPage">
+ <property name="visible">True</property>
+ <child>
+ <object class="HdyPreferencesGroup">
+ <property name="visible">True</property>
+ <child>
+ <object class="HdyActionRow">
+ <property name="visible">True</property>
+ <property name="title" translatable="yes">Click to Close</property>
+ <property name="activatable_widget">click_to_close_switch</property>
+ <child>
+ <object class="GtkSwitch" id="click_to_close_switch">
+ <property name="visible">True</property>
+ <property name="valign">center</property>
+ <property name="active">True</property>
+ </object>
+ </child>
+ </object>
+ </child>
+ <child>
+ <object class="HdyActionRow">
+ <property name="visible">True</property>
+ <property name="title" translatable="yes">Swipe to Open</property>
+ <property name="activatable_widget">swipe_to_open_switch</property>
+ <child>
+ <object class="GtkSwitch" id="swipe_to_open_switch">
+ <property name="visible">True</property>
+ <property name="valign">center</property>
+ <property name="active">True</property>
+ </object>
+ </child>
+ </object>
+ </child>
+ <child>
+ <object class="HdyActionRow">
+ <property name="visible">True</property>
+ <property name="title" translatable="yes">Swipe to Close</property>
+ <property name="activatable_widget">swipe_to_close_switch</property>
+ <child>
+ <object class="GtkSwitch" id="swipe_to_close_switch">
+ <property name="visible">True</property>
+ <property name="valign">center</property>
+ <property name="active">True</property>
+ </object>
+ </child>
+ </object>
+ </child>
+ </object>
+ </child>
+ </object>
+ <packing>
+ <property name="title" translatable="yes">Interaction</property>
+ </packing>
+ </child>
</object>
- <packing>
- <property name="name">page0</property>
- <property name="title" translatable="yes">Timer</property>
- <property name="icon_name">weather-clear-symbolic</property>
- <property name="position">3</property>
- </packing>
</child>
</object>
- <packing>
- <property name="expand">True</property>
- <property name="fill">True</property>
- </packing>
- </child>
- <child>
- <object class="HdyViewSwitcherBar" id="switcher_bar">
- <property name="visible">True</property>
- <property name="can_focus">False</property>
- <property name="stack">stack</property>
- <property name="reveal" bind-source="switcher_title" bind-property="title-visible"
bind-flags="sync-create"/>
- </object>
</child>
</object>
</child>
diff --git a/examples/icons/view-sidebar-end-symbolic-rtl.svg
b/examples/icons/view-sidebar-end-symbolic-rtl.svg
new file mode 100644
index 00000000..a64dd061
--- /dev/null
+++ b/examples/icons/view-sidebar-end-symbolic-rtl.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="4.2333331mm"
+ height="4.2333331mm"
+ viewBox="0 0 4.2333331 4.2333331"
+ version="1.1"
+ id="svg10539"
+ sodipodi:docname="view-sidebar-end-symbolic.svg"
+ inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1920"
+ inkscape:window-height="1016"
+ id="namedview8"
+ showgrid="false"
+ inkscape:zoom="51.04843"
+ inkscape:cx="7.9999996"
+ inkscape:cy="7.9999996"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg10539" />
+ <defs
+ id="defs10533" />
+ <metadata
+ id="metadata10536">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ id="layer1"
+ transform="matrix(-1,0,0,1,-40.972619,-342.50834)">
+ <path
+ id="rect10509"
+
style="color:#bebebe;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#241f31;fill-opacity:1;stroke:none;stroke-width:1;marker:none"
+ d="M 3,2 C 1.9093002,2 1,2.9093039 1,4 v 8 c 0,1.090696 0.9093002,2 2,2 h 10 c 1.090704,0 2,-0.909304
2,-2 V 4 C 15,2.9093039 14.090704,2 13,2 Z m 0,2 h 3 v 8 H 3 Z m 4,0 h 6 v 8 H 7 Z"
+ transform="matrix(0.26458333,0,0,0.26458333,-45.205952,342.50834)" />
+ <rect
+ transform="matrix(0,-1,-1,0,0,0)"
+
style="color:#bebebe;display:inline;overflow:visible;visibility:visible;opacity:0.35;fill:#241f31;fill-opacity:1;stroke:none;stroke-width:0.264583;marker:none"
+ id="rect10511"
+ width="2.1166327"
+ height="0.79374611"
+ x="-345.68332"
+ y="43.618412" />
+ </g>
+</svg>
diff --git a/examples/icons/view-sidebar-end-symbolic.svg b/examples/icons/view-sidebar-end-symbolic.svg
new file mode 100644
index 00000000..a64dd061
--- /dev/null
+++ b/examples/icons/view-sidebar-end-symbolic.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="4.2333331mm"
+ height="4.2333331mm"
+ viewBox="0 0 4.2333331 4.2333331"
+ version="1.1"
+ id="svg10539"
+ sodipodi:docname="view-sidebar-end-symbolic.svg"
+ inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1920"
+ inkscape:window-height="1016"
+ id="namedview8"
+ showgrid="false"
+ inkscape:zoom="51.04843"
+ inkscape:cx="7.9999996"
+ inkscape:cy="7.9999996"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg10539" />
+ <defs
+ id="defs10533" />
+ <metadata
+ id="metadata10536">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ id="layer1"
+ transform="matrix(-1,0,0,1,-40.972619,-342.50834)">
+ <path
+ id="rect10509"
+
style="color:#bebebe;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#241f31;fill-opacity:1;stroke:none;stroke-width:1;marker:none"
+ d="M 3,2 C 1.9093002,2 1,2.9093039 1,4 v 8 c 0,1.090696 0.9093002,2 2,2 h 10 c 1.090704,0 2,-0.909304
2,-2 V 4 C 15,2.9093039 14.090704,2 13,2 Z m 0,2 h 3 v 8 H 3 Z m 4,0 h 6 v 8 H 7 Z"
+ transform="matrix(0.26458333,0,0,0.26458333,-45.205952,342.50834)" />
+ <rect
+ transform="matrix(0,-1,-1,0,0,0)"
+
style="color:#bebebe;display:inline;overflow:visible;visibility:visible;opacity:0.35;fill:#241f31;fill-opacity:1;stroke:none;stroke-width:0.264583;marker:none"
+ id="rect10511"
+ width="2.1166327"
+ height="0.79374611"
+ x="-345.68332"
+ y="43.618412" />
+ </g>
+</svg>
diff --git a/examples/icons/view-sidebar-start-symbolic-rtl.svg
b/examples/icons/view-sidebar-start-symbolic-rtl.svg
new file mode 100644
index 00000000..780e286c
--- /dev/null
+++ b/examples/icons/view-sidebar-start-symbolic-rtl.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ width="4.2333331mm"
+ height="4.2333331mm"
+ viewBox="0 0 4.2333331 4.2333331"
+ version="1.1"
+ id="svg10539">
+ <defs
+ id="defs10533" />
+ <metadata
+ id="metadata10536">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ id="layer1"
+ transform="translate(45.205952,-342.50834)">
+ <path
+ id="rect10509"
+
style="color:#bebebe;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#241f31;fill-opacity:1;stroke:none;stroke-width:0.99999994;marker:none"
+ d="M 3 2 C 1.9093002 2 1 2.9093039 1 4 L 1 12 C 1 13.090696 1.9093002 14 3 14 L 13 14 C 14.090704 14
15 13.090696 15 12 L 15 4 C 15 2.9093039 14.090704 2 13 2 L 3 2 z M 3 4 L 6 4 L 6 12 L 3 12 L 3 4 z M 7 4 L
13 4 L 13 12 L 7 12 L 7 4 z "
+ transform="matrix(0.26458333,0,0,0.26458333,-45.205952,342.50834)" />
+ <rect
+ transform="matrix(0,-1,-1,0,0,0)"
+
style="color:#bebebe;display:inline;overflow:visible;visibility:visible;opacity:0.35;fill:#241f31;fill-opacity:1;stroke:none;stroke-width:0.26458332;marker:none"
+ id="rect10511"
+ width="2.1166327"
+ height="0.79374611"
+ x="-345.68332"
+ y="43.618412" />
+ </g>
+</svg>
diff --git a/examples/icons/view-sidebar-start-symbolic.svg b/examples/icons/view-sidebar-start-symbolic.svg
new file mode 100644
index 00000000..780e286c
--- /dev/null
+++ b/examples/icons/view-sidebar-start-symbolic.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ width="4.2333331mm"
+ height="4.2333331mm"
+ viewBox="0 0 4.2333331 4.2333331"
+ version="1.1"
+ id="svg10539">
+ <defs
+ id="defs10533" />
+ <metadata
+ id="metadata10536">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ id="layer1"
+ transform="translate(45.205952,-342.50834)">
+ <path
+ id="rect10509"
+
style="color:#bebebe;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#241f31;fill-opacity:1;stroke:none;stroke-width:0.99999994;marker:none"
+ d="M 3 2 C 1.9093002 2 1 2.9093039 1 4 L 1 12 C 1 13.090696 1.9093002 14 3 14 L 13 14 C 14.090704 14
15 13.090696 15 12 L 15 4 C 15 2.9093039 14.090704 2 13 2 L 3 2 z M 3 4 L 6 4 L 6 12 L 3 12 L 3 4 z M 7 4 L
13 4 L 13 12 L 7 12 L 7 4 z "
+ transform="matrix(0.26458333,0,0,0.26458333,-45.205952,342.50834)" />
+ <rect
+ transform="matrix(0,-1,-1,0,0,0)"
+
style="color:#bebebe;display:inline;overflow:visible;visibility:visible;opacity:0.35;fill:#241f31;fill-opacity:1;stroke:none;stroke-width:0.26458332;marker:none"
+ id="rect10511"
+ width="2.1166327"
+ height="0.79374611"
+ x="-345.68332"
+ y="43.618412" />
+ </g>
+</svg>
diff --git a/examples/icons/widget-flap-symbolic.svg b/examples/icons/widget-flap-symbolic.svg
new file mode 100644
index 00000000..372cdba9
--- /dev/null
+++ b/examples/icons/widget-flap-symbolic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><g color="#000" font-weight="400"
font-family="sans-serif" fill="#2e3436"><path d="M3.994 5h1c.31 0 .552.09.75.281L8.4 8l-2.656
2.719c-.198.19-.44.281-.75.281h-1v-1c0-.257.13-.528.312-.719L5.588 8 4.306
6.719c-.182-.19-.312-.462-.312-.719z"
style="line-height:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;white-space:normal;isolation:auto;mix-blend-mode:normal;solid-color:#000;solid-opacity:1;marker:none"
overflow="visible"/><path d="M2.994 1v2h7v10h-7v2h7s.459.014.947-.23c.489-.245 1.053-.937
1.053-1.77V3c0-.833-.564-1.525-1.053-1.77C10.453.986 9.994 1 9.994 1z"
style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-s
tyle:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;white-space:normal;shape-padding:0;isolation:auto;mix-blend-mode:normal;solid-color:#000;solid-opacity:1"
overflow="visible" fill-rule="evenodd"/></g></svg>
\ No newline at end of file
diff --git a/examples/style.css b/examples/style.css
index 71829367..40653606 100644
--- a/examples/style.css
+++ b/examples/style.css
@@ -3,6 +3,10 @@ stacksidebar list {
border-right-width: 0px;
}
+stacksidebar.transparent list {
+ background: alpha(@theme_base_color, .9);
+}
+
carousel.vertical .carousel-icon {
-gtk-icon-transform: rotate(90deg);
}
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]