From 3ac964cd9f211cd8ecd3ee345d99216bab6ea4e8 Mon Sep 17 00:00:00 2001 From: zombieFox Date: Thu, 16 Jan 2020 12:55:28 +0000 Subject: [PATCH] [design] improve form groups --- package-lock.json | 2 +- package.json | 2 +- src/css/form.css | 97 ++++++++++++++++++++++++++++++----------------- src/index.html | 90 +++++++++++++++++++++---------------------- src/js/version.js | 2 +- src/manifest.json | 2 +- 6 files changed, 111 insertions(+), 84 deletions(-) diff --git a/package-lock.json b/package-lock.json index 9acee134..c37be818 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "nighttab", - "version": "4.20.0", + "version": "4.21.0", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index 94a966f9..4d5c463c 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "nighttab", - "version": "4.20.0", + "version": "4.21.0", "description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.", "main": "index.js", "scripts": { diff --git a/src/css/form.css b/src/css/form.css index dcbaaf1e..0fa6f92b 100755 --- a/src/css/form.css +++ b/src/css/form.css @@ -1494,6 +1494,10 @@ input[type="range"]:disabled::-moz-range-progress { overflow: hidden; } +.form-group-border-theme-color { + border-color: rgb(var(--theme-color)); +} + .form-group.form-group-border .form-group-text, .form-group.form-group-border .button, .form-group.form-group-border .button:after, @@ -1514,41 +1518,6 @@ input[type="range"]:disabled::-moz-range-progress { border-radius: 0; } -.form-group-border-theme-color { - border-color: rgb(var(--theme-color)); -} - -.form-group-item-small, -.form-group-item-medium, -.form-group-item-large { - padding-left: 0.5em; - padding-right: 0.5em; -} - -.form-group-item-small { - width: 3em; -} - -.form-group-item-medium { - width: 6em; -} - -.form-group-item-large { - width: 9em; -} - -.form-group-item-shrink { - flex-grow: 0; -} - -.form-group-item-grow { - flex-grow: 1; -} - -.form-group-item-half { - flex-basis: 50%; -} - .form-group-text { background-color: rgb(var(--form-group-text-background)); padding: 0 1em; @@ -1608,6 +1577,64 @@ input[type="range"]:disabled::-moz-range-progress { background-color: transparent; } +.form-group-item-small, +.form-group-item-medium, +.form-group-item-large, +.form-group>.button.form-group-item-small, +.form-group>.button.form-group-item-medium, +.form-group>.button.form-group-item-large, +.form-group>select.form-group-item-small, +.form-group>select.form-group-item-medium, +.form-group>select.form-group-item-large, +.form-group>input[type].form-group-item-small, +.form-group>input[type].form-group-item-medium, +.form-group>input[type].form-group-item-large { + padding-left: 0.5em; + padding-right: 0.5em; +} + +.form-group-item-small, +.form-group>.button.form-group-item-small, +.form-group>select.form-group-item-small, +.form-group>input[type].form-group-item-small { + width: 3em; +} + +.form-group-item-medium, +.form-group>.button.form-group-item-medium, +.form-group>select.form-group-item-medium, +.form-group>input[type].form-group-item-medium { + width: 6em; +} + +.form-group-item-large, +.form-group>.button.form-group-item-large, +.form-group>select.form-group-item-large, +.form-group>input[type].form-group-item-large { + width: 9em; +} + +.form-group-item-shrink, +.form-group>.button.form-group-item-shrink, +.form-group>select.form-group-item-shrink, +.form-group>input[type].form-group-item-shrink { + flex-grow: 0; +} + +.form-group-item-grow, +.form-group>.button.form-group-item-grow, +.form-group>select.form-group-item-grow, +.form-group>input[type].form-group-item-grow { + flex-grow: 1; +} + +.form-group-item-half, +.form-group>.button.form-group-item-half, +.form-group>select.form-group-item-half, +.form-group>input[type].form-group-item-half { + flex-basis: 50%; +} + .form-group-text-borderless { padding: 0; border-width: 0; diff --git a/src/index.html b/src/index.html index ac95f4a8..2148e6df 100644 --- a/src/index.html +++ b/src/index.html @@ -168,7 +168,7 @@
-
+
@@ -189,7 +189,7 @@
-
+
@@ -271,7 +271,7 @@
-
+
@@ -286,7 +286,7 @@
-
+
@@ -320,7 +320,7 @@
-
+
@@ -415,7 +415,7 @@
-
+
@@ -450,7 +450,7 @@
-
+
@@ -532,7 +532,7 @@
-
+
@@ -698,7 +698,7 @@
-
+
@@ -738,7 +738,7 @@
-
+
@@ -821,7 +821,7 @@
-
+
@@ -872,7 +872,7 @@
-
+
@@ -887,7 +887,7 @@
-
+
@@ -896,7 +896,7 @@
-
+
@@ -953,7 +953,7 @@
-
+
@@ -987,7 +987,7 @@
-
+
@@ -1044,7 +1044,7 @@
-
+
@@ -1065,7 +1065,7 @@
- +
@@ -1115,7 +1115,7 @@
- +
@@ -1168,7 +1168,7 @@
- +
@@ -1177,7 +1177,7 @@
- +
@@ -1186,7 +1186,7 @@
- +
@@ -1195,7 +1195,7 @@
- +
@@ -1240,7 +1240,7 @@
- +
@@ -1249,7 +1249,7 @@
- +
@@ -1266,7 +1266,7 @@
- +
@@ -1347,7 +1347,7 @@
- +
@@ -1502,7 +1502,7 @@
-
+
@@ -1554,7 +1554,7 @@
-
+
@@ -1686,21 +1686,21 @@
-
+
-
+
-
+

@@ -1708,21 +1708,21 @@
-
+
-
+
-
+

@@ -1730,7 +1730,7 @@
-
+
@@ -1738,7 +1738,7 @@
-
+
@@ -1803,7 +1803,7 @@
-
+
@@ -1818,7 +1818,7 @@
-
+
@@ -1833,7 +1833,7 @@
-
+
@@ -1943,7 +1943,7 @@
-
+
@@ -1951,7 +1951,7 @@
-
+
@@ -1959,7 +1959,7 @@
-
+
@@ -1967,7 +1967,7 @@
-
+
@@ -1975,7 +1975,7 @@
-
+
diff --git a/src/js/version.js b/src/js/version.js index f250dafd..2bea63fa 100644 --- a/src/js/version.js +++ b/src/js/version.js @@ -1,6 +1,6 @@ var version = (function() { - var current = "4.20.0"; + var current = "4.21.0"; var name = "Naughty Goose"; diff --git a/src/manifest.json b/src/manifest.json index ef3496cb..4f5c30fc 100644 --- a/src/manifest.json +++ b/src/manifest.json @@ -2,7 +2,7 @@ "name": "nightTab", "short_name": "nightTab", "description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.", - "version": "4.20.0", + "version": "4.21.0", "manifest_version": 2, "chrome_url_overrides": { "newtab": "index.html"