diff --git a/docs/index.html.ejs b/docs/index.html.ejs index 705ec4a..a41efff 100644 --- a/docs/index.html.ejs +++ b/docs/index.html.ejs @@ -650,6 +650,22 @@ `) %> + +
+ Maximize buttons can be disabled, useful when making a window appear as if it cannot be maximized. +
+ + <%- example(` + + `) %> +
You can make a title bar "inactive" by adding inactive
class,
useful when making more than one window.
diff --git a/icon/maximize-disabled.svg b/icon/maximize-disabled.svg
new file mode 100644
index 0000000..8a65ef5
--- /dev/null
+++ b/icon/maximize-disabled.svg
@@ -0,0 +1,4 @@
+
\ No newline at end of file
diff --git a/style.css b/style.css
index f1e088e..d821c85 100644
--- a/style.css
+++ b/style.css
@@ -267,6 +267,13 @@ input[type="reset"]:disabled,
background-position: top 2px left 3px;
}
+.title-bar-controls button[aria-label="Maximize"]:disabled,
+.title-bar-controls button[aria-label].maximize:disabled {
+ background-image: svg-load("./icon/maximize-disabled.svg");
+ background-repeat: no-repeat;
+ background-position: top 2px left 3px;
+}
+
.title-bar-controls button[aria-label="Restore"],
.title-bar-controls button[aria-label].restore {
background-image: svg-load("./icon/restore.svg");