Fossil SCM
Disabled the top-down/bottom-up chat toggle, per chat discussion. Removed explicit setting of div.content margins, in chat,except in chat-only mode, so that we honor skin-level margin settings (resolves layout breakage in Xekri skin).
Commit
22b0faad3a7c7eb4bede4d817711a8eea1ec2e009fccbe46efce765f34fcbde5
Parent
0a00a103125e1cd…
2 files changed
+2
-2
+1
-1
+2
-2
| --- src/chat.js | ||
| +++ src/chat.js | ||
| @@ -654,20 +654,20 @@ | ||
| 654 | 654 | label: "Left-align my posts", |
| 655 | 655 | boolValue: ()=>!document.body.classList.contains('my-messages-right'), |
| 656 | 656 | callback: function f(){ |
| 657 | 657 | document.body.classList.toggle('my-messages-right'); |
| 658 | 658 | } |
| 659 | - },{ | |
| 659 | + }/**,{ | |
| 660 | 660 | label: "Bottom-up chat", |
| 661 | 661 | boolValue: ()=>document.body.classList.contains('chat-bottom-up'), |
| 662 | 662 | callback: function(){ |
| 663 | 663 | document.body.classList.toggle('chat-bottom-up'); |
| 664 | 664 | Chat.settings.set('bottom-up', |
| 665 | 665 | document.body.classList.contains('chat-bottom-up')); |
| 666 | 666 | setTimeout(()=>Chat.e.inputWrapper.scrollIntoView(), 0); |
| 667 | 667 | } |
| 668 | - },{ | |
| 668 | + }*/,{ | |
| 669 | 669 | label: "Images inline", |
| 670 | 670 | boolValue: ()=>Chat.settings.getBool('images-inline'), |
| 671 | 671 | callback: function(){ |
| 672 | 672 | const v = Chat.settings.getBool('images-inline',true); |
| 673 | 673 | Chat.settings.set('images-inline', !v); |
| 674 | 674 |
| --- src/chat.js | |
| +++ src/chat.js | |
| @@ -654,20 +654,20 @@ | |
| 654 | label: "Left-align my posts", |
| 655 | boolValue: ()=>!document.body.classList.contains('my-messages-right'), |
| 656 | callback: function f(){ |
| 657 | document.body.classList.toggle('my-messages-right'); |
| 658 | } |
| 659 | },{ |
| 660 | label: "Bottom-up chat", |
| 661 | boolValue: ()=>document.body.classList.contains('chat-bottom-up'), |
| 662 | callback: function(){ |
| 663 | document.body.classList.toggle('chat-bottom-up'); |
| 664 | Chat.settings.set('bottom-up', |
| 665 | document.body.classList.contains('chat-bottom-up')); |
| 666 | setTimeout(()=>Chat.e.inputWrapper.scrollIntoView(), 0); |
| 667 | } |
| 668 | },{ |
| 669 | label: "Images inline", |
| 670 | boolValue: ()=>Chat.settings.getBool('images-inline'), |
| 671 | callback: function(){ |
| 672 | const v = Chat.settings.getBool('images-inline',true); |
| 673 | Chat.settings.set('images-inline', !v); |
| 674 |
| --- src/chat.js | |
| +++ src/chat.js | |
| @@ -654,20 +654,20 @@ | |
| 654 | label: "Left-align my posts", |
| 655 | boolValue: ()=>!document.body.classList.contains('my-messages-right'), |
| 656 | callback: function f(){ |
| 657 | document.body.classList.toggle('my-messages-right'); |
| 658 | } |
| 659 | }/**,{ |
| 660 | label: "Bottom-up chat", |
| 661 | boolValue: ()=>document.body.classList.contains('chat-bottom-up'), |
| 662 | callback: function(){ |
| 663 | document.body.classList.toggle('chat-bottom-up'); |
| 664 | Chat.settings.set('bottom-up', |
| 665 | document.body.classList.contains('chat-bottom-up')); |
| 666 | setTimeout(()=>Chat.e.inputWrapper.scrollIntoView(), 0); |
| 667 | } |
| 668 | }*/,{ |
| 669 | label: "Images inline", |
| 670 | boolValue: ()=>Chat.settings.getBool('images-inline'), |
| 671 | callback: function(){ |
| 672 | const v = Chat.settings.getBool('images-inline',true); |
| 673 | Chat.settings.set('images-inline', !v); |
| 674 |
+1
-1
| --- src/default.css | ||
| +++ src/default.css | ||
| @@ -1652,11 +1652,10 @@ | ||
| 1652 | 1652 | } |
| 1653 | 1653 | body.chat.chat-only-mode #chat-message-wrapper { |
| 1654 | 1654 | } |
| 1655 | 1655 | |
| 1656 | 1656 | body.chat div.content { |
| 1657 | - margin: 0; | |
| 1658 | 1657 | padding: 0; |
| 1659 | 1658 | position: relative; |
| 1660 | 1659 | display: flex; |
| 1661 | 1660 | flex-direction: column; |
| 1662 | 1661 | align-items: stretch; |
| @@ -1665,10 +1664,11 @@ | ||
| 1665 | 1664 | body.chat.chat-bottom-up div.content { |
| 1666 | 1665 | flex-direction: column-reverse; |
| 1667 | 1666 | } |
| 1668 | 1667 | body.chat.chat-only-mode div.content { |
| 1669 | 1668 | max-height: 95vh/*larger than approx. this is too big for Firefox on Android*/; |
| 1669 | + margin: 0; | |
| 1670 | 1670 | } |
| 1671 | 1671 | /* Wrapper for /chat user input controls */ |
| 1672 | 1672 | body.chat #chat-input-area { |
| 1673 | 1673 | display: flex; |
| 1674 | 1674 | flex-direction: column; |
| 1675 | 1675 |
| --- src/default.css | |
| +++ src/default.css | |
| @@ -1652,11 +1652,10 @@ | |
| 1652 | } |
| 1653 | body.chat.chat-only-mode #chat-message-wrapper { |
| 1654 | } |
| 1655 | |
| 1656 | body.chat div.content { |
| 1657 | margin: 0; |
| 1658 | padding: 0; |
| 1659 | position: relative; |
| 1660 | display: flex; |
| 1661 | flex-direction: column; |
| 1662 | align-items: stretch; |
| @@ -1665,10 +1664,11 @@ | |
| 1665 | body.chat.chat-bottom-up div.content { |
| 1666 | flex-direction: column-reverse; |
| 1667 | } |
| 1668 | body.chat.chat-only-mode div.content { |
| 1669 | max-height: 95vh/*larger than approx. this is too big for Firefox on Android*/; |
| 1670 | } |
| 1671 | /* Wrapper for /chat user input controls */ |
| 1672 | body.chat #chat-input-area { |
| 1673 | display: flex; |
| 1674 | flex-direction: column; |
| 1675 |
| --- src/default.css | |
| +++ src/default.css | |
| @@ -1652,11 +1652,10 @@ | |
| 1652 | } |
| 1653 | body.chat.chat-only-mode #chat-message-wrapper { |
| 1654 | } |
| 1655 | |
| 1656 | body.chat div.content { |
| 1657 | padding: 0; |
| 1658 | position: relative; |
| 1659 | display: flex; |
| 1660 | flex-direction: column; |
| 1661 | align-items: stretch; |
| @@ -1665,10 +1664,11 @@ | |
| 1664 | body.chat.chat-bottom-up div.content { |
| 1665 | flex-direction: column-reverse; |
| 1666 | } |
| 1667 | body.chat.chat-only-mode div.content { |
| 1668 | max-height: 95vh/*larger than approx. this is too big for Firefox on Android*/; |
| 1669 | margin: 0; |
| 1670 | } |
| 1671 | /* Wrapper for /chat user input controls */ |
| 1672 | body.chat #chat-input-area { |
| 1673 | display: flex; |
| 1674 | flex-direction: column; |
| 1675 |