Settings menu now warns when a setting is unsaved. (#65)

* Settings menu now warns when a setting is unsaved. Additionally, font-weight increments properly now.

* Remove font weight fix - another PR already open for fix.

widget/settings/pages/config/bar/index.ts

@@ -6,7 +6,7 @@ import options from "options";
 export const BarSettings = () => {
     return Widget.Scrollable({
         vscroll: "always",
-        hscroll: "never",
+        hscroll: "automatic",
         class_name: "menu-theme-page paged-container",
         child: Widget.Box({
             vertical: true,

widget/settings/pages/config/menus/dashboard.ts

@@ -7,7 +7,7 @@ export const DashboardMenuSettings = () => {
     return Widget.Scrollable({
         class_name: "bar-theme-page paged-container",
         vscroll: "always",
-        hscroll: "never",
+        hscroll: "automatic",
         vexpand: true,
         overlayScrolling: true,
         child: Widget.Box({

widget/settings/pages/theme/bar/index.ts

@@ -6,7 +6,7 @@ import options from "options";
 export const BarTheme = () => {
     return Widget.Scrollable({
         vscroll: "always",
-        hscroll: "never",
+        hscroll: "automatic",
         class_name: "bar-theme-page paged-container",
         child: Widget.Box({
             vertical: true,

widget/settings/pages/theme/menus/battery.ts

@@ -6,7 +6,7 @@ import options from "options";
 export const BatteryMenuTheme = () => {
     return Widget.Scrollable({
         vscroll: "automatic",
-        hscroll: "never",
+        hscroll: "automatic",
         class_name: "menu-theme-page battery paged-container",
         vexpand: true,
         child: Widget.Box({

widget/settings/pages/theme/menus/bluetooth.ts

@@ -6,7 +6,7 @@ import options from "options";
 export const BluetoothMenuTheme = () => {
     return Widget.Scrollable({
         vscroll: "automatic",
-        hscroll: "never",
+        hscroll: "automatic",
         class_name: "menu-theme-page bluetooth paged-container",
         vexpand: true,
         child: Widget.Box({

widget/settings/pages/theme/menus/clock.ts

@@ -6,7 +6,7 @@ import options from "options";
 export const ClockMenuTheme = () => {
     return Widget.Scrollable({
         vscroll: "automatic",
-        hscroll: "never",
+        hscroll: "automatic",
         class_name: "menu-theme-page clock paged-container",
         vexpand: true,
         child: Widget.Box({

widget/settings/pages/theme/menus/dashboard.ts

@@ -6,7 +6,7 @@ import options from "options";
 export const DashboardMenuTheme = () => {
     return Widget.Scrollable({
         vscroll: "always",
-        hscroll: "never",
+        hscroll: "automatic",
         class_name: "menu-theme-page dashboard paged-container",
         vexpand: true,
         child: Widget.Box({

widget/settings/pages/theme/menus/index.ts

@@ -6,7 +6,7 @@ import options from "options";
 export const MenuTheme = () => {
     return Widget.Scrollable({
         vscroll: "automatic",
-        hscroll: "never",
+        hscroll: "automatic",
         class_name: "menu-theme-page paged-container",
         vexpand: true,
         child: Widget.Box({

widget/settings/pages/theme/menus/media.ts

@@ -6,7 +6,7 @@ import options from "options";
 export const MediaMenuTheme = () => {
     return Widget.Scrollable({
         vscroll: "automatic",
-        hscroll: "never",
+        hscroll: "automatic",
         class_name: "menu-theme-page media paged-container",
         vexpand: true,
         child: Widget.Box({

widget/settings/pages/theme/menus/network.ts

@@ -6,7 +6,7 @@ import options from "options";
 export const NetworkMenuTheme = () => {
     return Widget.Scrollable({
         vscroll: "automatic",
-        hscroll: "never",
+        hscroll: "automatic",
         class_name: "menu-theme-page network paged-container",
         vexpand: true,
         child: Widget.Box({

widget/settings/pages/theme/menus/notifications.ts

@@ -6,7 +6,7 @@ import options from "options";
 export const NotificationsMenuTheme = () => {
     return Widget.Scrollable({
         vscroll: "automatic",
-        hscroll: "never",
+        hscroll: "automatic",
         class_name: "menu-theme-page notifications paged-container",
         vexpand: true,
         child: Widget.Box({

widget/settings/pages/theme/menus/systray.ts

@@ -6,7 +6,7 @@ import options from "options";
 export const SystrayMenuTheme = () => {
     return Widget.Scrollable({
         vscroll: "automatic",
-        hscroll: "never",
+        hscroll: "automatic",
         class_name: "menu-theme-page systray paged-container",
         vexpand: true,
         child: Widget.Box({

widget/settings/pages/theme/menus/volume.ts

@@ -6,7 +6,7 @@ import options from "options";
 export const VolumeMenuTheme = () => {
     return Widget.Scrollable({
         vscroll: "automatic",
-        hscroll: "never",
+        hscroll: "automatic",
         class_name: "menu-theme-page volume paged-container",
         vexpand: true,
         child: Widget.Box({

widget/settings/pages/theme/notifications/index.ts

@@ -6,7 +6,7 @@ import options from "options";
 export const NotificationsTheme = () => {
     return Widget.Scrollable({
         vscroll: "automatic",
-        hscroll: "never",
+        hscroll: "automatic",
         class_name: "notifications-theme-page paged-container",
         vexpand: true,
         child: Widget.Box({

widget/settings/pages/theme/osd/index.ts

@@ -6,7 +6,7 @@ import options from "options";
 export const OsdTheme = () => {
     return Widget.Scrollable({
         vscroll: "automatic",
-        hscroll: "never",
+        hscroll: "automatic",
         class_name: "osd-theme-page paged-container",
         vexpand: true,
         child: Widget.Box({