From: Matthias Clasen Date: Sat, 25 Mar 2023 20:16:34 +0000 (-0400) Subject: docs: Use our own box model illustration X-Git-Tag: archive/raspbian/4.12.3+ds-1+rpi1~1^2^2^2~22^2~1^2~502^2~1 X-Git-Url: https://dgit.raspbian.org/?a=commitdiff_plain;h=3d35b848d1aa888777d17d046f187732103817a4;p=gtk4.git docs: Use our own box model illustration This one has a dark mode too. --- diff --git a/docs/reference/gtk/coordinates.md b/docs/reference/gtk/coordinates.md index 4ca85d5890..96f5f50aeb 100644 --- a/docs/reference/gtk/coordinates.md +++ b/docs/reference/gtk/coordinates.md @@ -16,7 +16,10 @@ ignored. The section will explain the details for the few cases when it is impor When it comes to rendering, GTK follows the CSS box model as far as practical. -![](https://www.w3.org/TR/css-box-3/images/box.png) + + + Box Model + The CSS stylesheet that is in use determines the sizes (and appearance) of the margin, border and padding areas for each widget. The size of the content area diff --git a/docs/reference/gtk/gtk4.toml.in b/docs/reference/gtk/gtk4.toml.in index 477c618f76..3404a419a1 100644 --- a/docs/reference/gtk/gtk4.toml.in +++ b/docs/reference/gtk/gtk4.toml.in @@ -242,5 +242,7 @@ content_images = [ "images/rich-list.png", "images/data-table.png", "images/navigation-sidebar.png", + "images/box-model-light.png", + "images/box-model-dark.png", ] urlmap_file = "urlmap.js" diff --git a/docs/reference/gtk/images/box-model-dark.png b/docs/reference/gtk/images/box-model-dark.png new file mode 100644 index 0000000000..eaf0c79beb Binary files /dev/null and b/docs/reference/gtk/images/box-model-dark.png differ diff --git a/docs/reference/gtk/images/box-model-light.png b/docs/reference/gtk/images/box-model-light.png new file mode 100644 index 0000000000..dd54a1526d Binary files /dev/null and b/docs/reference/gtk/images/box-model-light.png differ diff --git a/docs/reference/gtk/images/box-model.svg b/docs/reference/gtk/images/box-model.svg new file mode 100644 index 0000000000..dddc0c7b6e --- /dev/null +++ b/docs/reference/gtk/images/box-model.svg @@ -0,0 +1,193 @@ + + + + + + + + + + + + + + + + + + content + padding + margin + border + + + X + Y + + +