max/min width of column

This commit is contained in:
cutls 2020-09-03 23:17:01 +09:00
parent 4d1053ce99
commit 2d249f6f19
6 changed files with 38 additions and 16 deletions

View File

@ -157,7 +157,8 @@ iframe,
}
.box {
overflow: hidden;
min-width: 23rem;
min-width: 300px;
max-width: 600px;
flex: 1;
border-top: none;
display: flex;
@ -223,6 +224,8 @@ iframe,
.area-toot .emoji,
.area-toot .emoji-img {
width: 1.538rem;
height: 1.538rem;
object-fit: cover;
vertical-align: middle;
margin: -1px 0;
}

View File

@ -76,8 +76,12 @@ function parseColumn(target, dontclose) {
var obj = [
{
domain: 0,
type: 'local',
type: 'home',
},
{
domain: 0,
type: 'local',
}
]
var json = JSON.stringify(obj)
localStorage.setItem('column', json)
@ -162,6 +166,10 @@ function parseColumn(target, dontclose) {
if (width) {
var css = ' min-width:' + width + 'px;'
}
var maxWidth = localStorage.getItem('max-width')
if (maxWidth) {
css = css +'max-width:' + maxWidth + 'px;'
}
if (acct.width) {
var css = ' min-width:' + acct.width + 'px;max-width:' + acct.width + 'px;'
}

View File

@ -24,8 +24,8 @@
"nativenotf": "Native notification",
"nnwarn": "This does not work on Windows Portable ver.",
"nntest": "Notification test",
"minwidth": "Minimum width of columns",
"minwidthwarn": "Scroll bar will be shown when your window size is more than ammounts of columns.",
"width": "Width of columns",
"widthwarn": "Scroll bar will be shown when your window size is more than ammounts of columns.",
"fixwidth": "Minimum width of TweetDeck browser",
"fixwidthwarn": "",
"above": "above",

View File

@ -23,8 +23,8 @@
"nativenotf": "ネイティブ通知設定",
"nnwarn": "Portableバージョンでは表示できんかも知れん。",
"nntest": "通知テスト",
"minwidth": "マルチカラムの最低横幅",
"minwidthwarn": "画面全体の横幅÷ラム数で計算してそれ超してもうたら横スクロール入るで。",
"width": "カラムの横幅",
"widthwarn": "画面全体の横幅÷ラム数で計算してそれ超してもうたら横スクロール入るで。",
"fixwidth": "TweetDeckの限定の最低横幅",
"fixwidthwarn": "",
"above": "以上",

View File

@ -24,8 +24,8 @@
"nativenotf": "ネイティブ通知設定",
"nnwarn": "Portableバージョンでは表示できません。",
"nntest": "通知テスト",
"minwidth": "マルチカラムの最低横幅",
"minwidthwarn": "画面全体の横幅÷ラム数がこの値を超えた時、横スクロールとなります。",
"width": "カラムの横幅",
"widthwarn": "画面全体の横幅÷ラム数がこの値を超えた時、横スクロールとなります。",
"fixwidth": "TweetDeckの限定の最低横幅",
"fixwidthwarn": "",
"above": "以上",

View File

@ -59,17 +59,28 @@ var envConstruction = [
checkbox: yesno
}
},
{
checkbox: false,
doubleText: true,
data: [
{
id: 'width',
storage: 'width',
checkbox: false,
doubleText: false,
width: 50,
setValue: 300,
text: { after: 'px ~ ' }
},
{
id: 'maxWidth',
storage: 'max-width',
width: 50,
setValue: 600,
text: { after: 'px' }
}
],
text: {
head: '@@minwidth@@',
desc: '@@minwidthwarn@@',
after: 'px @@above@@'
head: '@@width@@',
desc: '@@widthwarn@@'
}
},
{