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(` +
+
A Title Bar with Maximize disabled
+
+ + + +
+
+ `) %> +

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");