[libadwaita/wip/exalm/screenshots-2: 18/21] doc: Add inline tab/search bar screenshots




commit f28acf43ff1483ce311b51bda5cf88b5be44fa09
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Mon Dec 20 19:43:37 2021 +0500

    doc: Add inline tab/search bar screenshots

 doc/images/search-bar-inline-dark.png | Bin 0 -> 1686 bytes
 doc/images/search-bar-inline.png      | Bin 0 -> 1656 bytes
 doc/images/tab-bar-inline-dark.png    | Bin 0 -> 2736 bytes
 doc/images/tab-bar-inline.png         | Bin 0 -> 1804 bytes
 doc/libadwaita.toml.in                |   4 +++
 doc/style-classes.md                  |  10 +++++++
 doc/tools/data/search-bar-inline.ui   |  24 ++++++++++++++++
 doc/tools/data/tab-bar-inline.ui      |  51 ++++++++++++++++++++++++++++++++++
 doc/tools/screenshot.gresources.xml   |   2 ++
 9 files changed, 91 insertions(+)
---
diff --git a/doc/images/search-bar-inline-dark.png b/doc/images/search-bar-inline-dark.png
new file mode 100644
index 00000000..a5e6a350
Binary files /dev/null and b/doc/images/search-bar-inline-dark.png differ
diff --git a/doc/images/search-bar-inline.png b/doc/images/search-bar-inline.png
new file mode 100644
index 00000000..d6c8154a
Binary files /dev/null and b/doc/images/search-bar-inline.png differ
diff --git a/doc/images/tab-bar-inline-dark.png b/doc/images/tab-bar-inline-dark.png
new file mode 100644
index 00000000..20071865
Binary files /dev/null and b/doc/images/tab-bar-inline-dark.png differ
diff --git a/doc/images/tab-bar-inline.png b/doc/images/tab-bar-inline.png
new file mode 100644
index 00000000..4d63a1e7
Binary files /dev/null and b/doc/images/tab-bar-inline.png differ
diff --git a/doc/libadwaita.toml.in b/doc/libadwaita.toml.in
index 3deda80d..f546618e 100644
--- a/doc/libadwaita.toml.in
+++ b/doc/libadwaita.toml.in
@@ -133,6 +133,8 @@ content_images = [
   "images/preferences-page-dark.png",
   "images/preferences-window.png",
   "images/preferences-window-dark.png",
+  "images/search-bar-inline.png",
+  "images/search-bar-inline-dark.png",
   "images/selection-mode-checks.png",
   "images/selection-mode-checks-dark.png",
   "images/split-button.png",
@@ -155,6 +157,8 @@ content_images = [
   "images/style-view-dark.png",
   "images/tab-bar.png",
   "images/tab-bar-dark.png",
+  "images/tab-bar-inline.png",
+  "images/tab-bar-inline-dark.png",
   "images/toast-action.png",
   "images/toast-action-dark.png",
   "images/toast-overlay.png",
diff --git a/doc/style-classes.md b/doc/style-classes.md
index c1cb7a51..9e2ff917 100644
--- a/doc/style-classes.md
+++ b/doc/style-classes.md
@@ -562,6 +562,16 @@ This style class is typically used to indicate unstable or nightly applications.
 
 ## Inline Tab Bars & Search Bars
 
+<picture>
+  <source srcset="search-bar-inline-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="search-bar-inline.png" alt="search-bar-inline">
+</picture>
+
+<picture>
+  <source srcset="tab-bar-inline-dark.png" media="(prefers-color-scheme: dark)">
+  <img src="tab-bar-inline.png" alt="tab-bar-inline">
+</picture>
+
 By default [class@Gtk.SearchBar] and [class@Adw.TabBar] look like a part of a
 [class@Gtk.HeaderBar] and are intended to be used directly attached to one. With
 the `.inline` style class they have neutral backgrounds and can be used in
diff --git a/doc/tools/data/search-bar-inline.ui b/doc/tools/data/search-bar-inline.ui
new file mode 100644
index 00000000..60f3c882
--- /dev/null
+++ b/doc/tools/data/search-bar-inline.ui
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <requires lib="gtk" version="4.0"/>
+  <requires lib="libadwaita" version="1.0"/>
+  <object class="GtkSearchBar" id="widget">
+    <property name="width-request">600</property>
+    <property name="search-mode-enabled">True</property>
+    <property name="child">
+      <object class="AdwClamp">
+        <property name="hexpand">True</property>
+        <property name="maximum-size">400</property>
+        <property name="child">
+          <object class="GtkSearchEntry">
+            <property name="placeholder-text">Search Items…</property>
+            <property name="can-focus">False</property>
+          </object>
+        </property>
+      </object>
+    </property>
+    <style>
+      <class name="inline"/>
+    </style>
+  </object>
+</interface>
diff --git a/doc/tools/data/tab-bar-inline.ui b/doc/tools/data/tab-bar-inline.ui
new file mode 100644
index 00000000..fdc08497
--- /dev/null
+++ b/doc/tools/data/tab-bar-inline.ui
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <requires lib="gtk" version="4.0"/>
+  <requires lib="libadwaita" version="1.0"/>
+  <object class="GtkWindow">
+    <property name="decorated">False</property>
+    <property name="default-width">600</property>
+    <property name="child">
+      <object class="GtkBox">
+        <property name="orientation">vertical</property>
+        <child>
+          <object class="AdwTabBar" id="widget">
+            <property name="view">view</property>
+            <style>
+              <class name="inline"/>
+            </style>
+          </object>
+        </child>
+        <child>
+          <object class="AdwTabView" id="view">
+            <property name="vexpand">True</property>
+            <child>
+              <object class="AdwTabPage">
+                <property name="title">Page 1</property>
+                <property name="child">
+                  <object class="AdwBin"/>
+                </property>
+              </object>
+            </child>
+            <child>
+              <object class="AdwTabPage">
+                <property name="title">Page 2</property>
+                <property name="child">
+                  <object class="AdwBin"/>
+                </property>
+              </object>
+            </child>
+            <child>
+              <object class="AdwTabPage">
+                <property name="title">Page 3</property>
+                <property name="child">
+                  <object class="AdwBin"/>
+                </property>
+              </object>
+            </child>
+          </object>
+        </child>
+      </object>
+    </property>
+  </object>
+</interface>
diff --git a/doc/tools/screenshot.gresources.xml b/doc/tools/screenshot.gresources.xml
index 6c88bdb4..c7ce7e47 100644
--- a/doc/tools/screenshot.gresources.xml
+++ b/doc/tools/screenshot.gresources.xml
@@ -46,6 +46,7 @@
     <file preprocess="xml-stripblanks">data/preferences-group.ui</file>
     <file preprocess="xml-stripblanks">data/preferences-page.ui</file>
     <file preprocess="xml-stripblanks">data/preferences-window.ui</file>
+    <file preprocess="xml-stripblanks">data/search-bar-inline.ui</file>
     <file preprocess="xml-stripblanks">data/selection-mode-checks.ui</file>
     <file preprocess="xml-stripblanks">data/split-button.ui</file>
     <file preprocess="xml-stripblanks">data/squeezer-narrow.ui</file>
@@ -57,6 +58,7 @@
     <file preprocess="xml-stripblanks">data/style-frame.ui</file>
     <file preprocess="xml-stripblanks">data/style-view.ui</file>
     <file preprocess="xml-stripblanks">data/tab-bar.ui</file>
+    <file preprocess="xml-stripblanks">data/tab-bar-inline.ui</file>
     <file preprocess="xml-stripblanks">data/toast-action.ui</file>
     <file preprocess="xml-stripblanks">data/toast-overlay.ui</file>
     <file preprocess="xml-stripblanks">data/toast-simple.ui</file>


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]