Fossil SCM
Tweaked the /chat config options layout so that the entries start at the bottom of the view to put them in easier reach on tall screens, and moved the presumably most common options to the bottom so that they start out scrolled into view on smaller screens.
Commit
3524f72e6b3b44884d08449322abd812169c098355a587ba18680e69d6e3ceda
Parent
ba400826919f8d6…
2 files changed
+8
-8
+1
-1
+8
-8
| --- src/chat.js | ||
| +++ src/chat.js | ||
| @@ -1060,28 +1060,28 @@ | ||
| 1060 | 1060 | persistentSetting: 'monospace-messages', |
| 1061 | 1061 | callback: function(){ |
| 1062 | 1062 | document.body.classList.toggle('monospace-messages'); |
| 1063 | 1063 | } |
| 1064 | 1064 | },{ |
| 1065 | - label: "Chat-only mode", | |
| 1066 | - boolValue: ()=>Chat.isChatOnlyMode(), | |
| 1067 | - persistentSetting: 'chat-only-mode', | |
| 1065 | + label: "Images inline", | |
| 1066 | + boolValue: ()=>Chat.settings.getBool('images-inline'), | |
| 1068 | 1067 | callback: function(){ |
| 1069 | - Chat.toggleChatOnlyMode(); | |
| 1068 | + const v = Chat.settings.toggle('images-inline'); | |
| 1069 | + F.toast.message("Image mode set to "+(v ? "inline" : "hyperlink")+"."); | |
| 1070 | 1070 | } |
| 1071 | 1071 | },{ |
| 1072 | 1072 | label: "Left-align my posts", |
| 1073 | 1073 | boolValue: ()=>!document.body.classList.contains('my-messages-right'), |
| 1074 | 1074 | callback: function f(){ |
| 1075 | 1075 | document.body.classList.toggle('my-messages-right'); |
| 1076 | 1076 | } |
| 1077 | 1077 | },{ |
| 1078 | - label: "Images inline", | |
| 1079 | - boolValue: ()=>Chat.settings.getBool('images-inline'), | |
| 1078 | + label: "Chat-only mode", | |
| 1079 | + boolValue: ()=>Chat.isChatOnlyMode(), | |
| 1080 | + persistentSetting: 'chat-only-mode', | |
| 1080 | 1081 | callback: function(){ |
| 1081 | - const v = Chat.settings.toggle('images-inline'); | |
| 1082 | - F.toast.message("Image mode set to "+(v ? "inline" : "hyperlink")+"."); | |
| 1082 | + Chat.toggleChatOnlyMode(); | |
| 1083 | 1083 | } |
| 1084 | 1084 | }]; |
| 1085 | 1085 | |
| 1086 | 1086 | /** Set up selection list of notification sounds. */ |
| 1087 | 1087 | if(1){ |
| 1088 | 1088 |
| --- src/chat.js | |
| +++ src/chat.js | |
| @@ -1060,28 +1060,28 @@ | |
| 1060 | persistentSetting: 'monospace-messages', |
| 1061 | callback: function(){ |
| 1062 | document.body.classList.toggle('monospace-messages'); |
| 1063 | } |
| 1064 | },{ |
| 1065 | label: "Chat-only mode", |
| 1066 | boolValue: ()=>Chat.isChatOnlyMode(), |
| 1067 | persistentSetting: 'chat-only-mode', |
| 1068 | callback: function(){ |
| 1069 | Chat.toggleChatOnlyMode(); |
| 1070 | } |
| 1071 | },{ |
| 1072 | label: "Left-align my posts", |
| 1073 | boolValue: ()=>!document.body.classList.contains('my-messages-right'), |
| 1074 | callback: function f(){ |
| 1075 | document.body.classList.toggle('my-messages-right'); |
| 1076 | } |
| 1077 | },{ |
| 1078 | label: "Images inline", |
| 1079 | boolValue: ()=>Chat.settings.getBool('images-inline'), |
| 1080 | callback: function(){ |
| 1081 | const v = Chat.settings.toggle('images-inline'); |
| 1082 | F.toast.message("Image mode set to "+(v ? "inline" : "hyperlink")+"."); |
| 1083 | } |
| 1084 | }]; |
| 1085 | |
| 1086 | /** Set up selection list of notification sounds. */ |
| 1087 | if(1){ |
| 1088 |
| --- src/chat.js | |
| +++ src/chat.js | |
| @@ -1060,28 +1060,28 @@ | |
| 1060 | persistentSetting: 'monospace-messages', |
| 1061 | callback: function(){ |
| 1062 | document.body.classList.toggle('monospace-messages'); |
| 1063 | } |
| 1064 | },{ |
| 1065 | label: "Images inline", |
| 1066 | boolValue: ()=>Chat.settings.getBool('images-inline'), |
| 1067 | callback: function(){ |
| 1068 | const v = Chat.settings.toggle('images-inline'); |
| 1069 | F.toast.message("Image mode set to "+(v ? "inline" : "hyperlink")+"."); |
| 1070 | } |
| 1071 | },{ |
| 1072 | label: "Left-align my posts", |
| 1073 | boolValue: ()=>!document.body.classList.contains('my-messages-right'), |
| 1074 | callback: function f(){ |
| 1075 | document.body.classList.toggle('my-messages-right'); |
| 1076 | } |
| 1077 | },{ |
| 1078 | label: "Chat-only mode", |
| 1079 | boolValue: ()=>Chat.isChatOnlyMode(), |
| 1080 | persistentSetting: 'chat-only-mode', |
| 1081 | callback: function(){ |
| 1082 | Chat.toggleChatOnlyMode(); |
| 1083 | } |
| 1084 | }]; |
| 1085 | |
| 1086 | /** Set up selection list of notification sounds. */ |
| 1087 | if(1){ |
| 1088 |
+1
-1
| --- src/style.chat.css | ||
| +++ src/style.chat.css | ||
| @@ -320,11 +320,11 @@ | ||
| 320 | 320 | } |
| 321 | 321 | body.chat #chat-config #chat-config-options { |
| 322 | 322 | /* /chat config options go here */ |
| 323 | 323 | flex: 1 1 auto; |
| 324 | 324 | display: flex; |
| 325 | - flex-direction: column; | |
| 325 | + flex-direction: column-reverse; | |
| 326 | 326 | overflow: auto; |
| 327 | 327 | } |
| 328 | 328 | body.chat #chat-config #chat-config-options .menu-entry { |
| 329 | 329 | display: flex; |
| 330 | 330 | align-items: center; |
| 331 | 331 |
| --- src/style.chat.css | |
| +++ src/style.chat.css | |
| @@ -320,11 +320,11 @@ | |
| 320 | } |
| 321 | body.chat #chat-config #chat-config-options { |
| 322 | /* /chat config options go here */ |
| 323 | flex: 1 1 auto; |
| 324 | display: flex; |
| 325 | flex-direction: column; |
| 326 | overflow: auto; |
| 327 | } |
| 328 | body.chat #chat-config #chat-config-options .menu-entry { |
| 329 | display: flex; |
| 330 | align-items: center; |
| 331 |
| --- src/style.chat.css | |
| +++ src/style.chat.css | |
| @@ -320,11 +320,11 @@ | |
| 320 | } |
| 321 | body.chat #chat-config #chat-config-options { |
| 322 | /* /chat config options go here */ |
| 323 | flex: 1 1 auto; |
| 324 | display: flex; |
| 325 | flex-direction: column-reverse; |
| 326 | overflow: auto; |
| 327 | } |
| 328 | body.chat #chat-config #chat-config-options .menu-entry { |
| 329 | display: flex; |
| 330 | align-items: center; |
| 331 |