v1.2.1 - Choose editor theme, fix & improve ButtonSelect

Author: tomaschyly

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "tch-filector",
 	"productName": "FileCtor",
-	"version": "1.2.0",
+	"version": "1.2.1",
 	"author": "Tomas Chyly <chyly@tomas-chyly.com> (https://tomas-chyly.com/en/)",
 	"license": "GPL v3",
 	"description": "File inspector with interactive javascript console.",

src/component/buttonSelect.css

@@ -1,5 +1,6 @@
 /*** ButtonSelect styles ***/
-.button-select-container { display: block; }
+.button-select-container { display: block; margin-bottom: 16px; }
+.button-select-container button { margin-bottom: 0; }
 .button-select-list { display: none; position: absolute; overflow: hidden; overflow-y: auto; width: auto; max-width: 162px; height: auto; max-height: 162px; left: 0; top: 0; z-index: 10; border: 2px solid black; border-radius: 8px; background: white; }
 .button-select-list.visible { display: block; }
 .button-select-list.general-fade { display: none; }

src/index.css

@@ -171,6 +171,7 @@ img { max-width: 100%; }
 .tch-grid-pagesize span { padding-right: 8px; }
 .tch-grid-page .button-select-list,
 .tch-grid-pagesize .button-select-list { min-width: 60px; }
+.tch-grid .button-select-container { margin-bottom: 0; }
 
 /*** Responsive styles ***/
 @media (min-width: 576px) {

src/view/Settings.js

@@ -49,6 +49,8 @@ class Settings extends Component {
 	 */
 	componentDidMount () {
 		window.TCH.Main.SetTitle ('Settings');
+
+		document.querySelector ('#content .settings').addEventListener ('scroll', window.ButtonSelect_static.globalHideOptionsListener);
 	}
 
 	/**