r4sas/webogram-i2p
1
0
Fork 0
Code Issues Releases Wiki Activity

fix scrollbar for RTL languages (#1150)

Browse Source 
make the behavior same as before for both RTL and LTR languages

make solution use dynamic scrollbar size

as suggested in CR
This commit is contained in:
Neil Kalman 2017-01-12 18:12:52 +02:00 committed by Igor Zhukov
parent 90cedfac37
commit 9b650c5c8f
2 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/js/message_composer.js
View File

@ -733,7 +733,15 @@ MessageComposer.prototype.setUpInput = function () {
if (!Config.Mobile) { if (!Config.Mobile) {
var sbWidth = getScrollWidth() var sbWidth = getScrollWidth()
if (sbWidth) { if (sbWidth) {
(this.richTextareaEl || this.textareaEl).css({marginRight: -sbWidth}) // hide scrollbar for both LTR and RTL languages
// both scrollbars are hidden inside the paddings
// that are overflown outside of view
(this.richTextareaEl || this.textareaEl).css({
left: -sbWidth,
width: 'calc(100% + ' + (2 * sbWidth) + 'px)',
'padding-left': sbWidth + 2,
'padding-right': sbWidth + 28
})
} }
} }
} }

6
app/less/desktop.less
View File

@ -1154,11 +1154,13 @@ a.im_panel_peer_photo .peer_initials {
box-shadow: none; box-shadow: none;
outline: none; outline: none;
box-shadow: 0 1px 0 0 #e8e8e8; box-shadow: 0 1px 0 0 #e8e8e8;
padding: 1px 30px 1px 0; padding: 1px 28px 1px 0;
position: relative;
margin: 0; margin: 0;
min-height: 50px; min-height: 50px;
line-height: 20px; line-height: 20px;
height: auto; height: auto;
box-sizing: border-box;
&:focus { &:focus {
border: 0; border: 0;
@ -2207,4 +2209,4 @@ a.im_panel_peer_photo .peer_initials {
height: 18px; height: 18px;
margin: 23px 27px; margin: 23px 27px;
} }
} }