[2267] ツールの位置の左右入れ替え

さとぴあ : 2020/03/15(日) 11:54(編集) [URL]


1584203970604.jpg (52542 B) - サムネイル表示中 -
●続きを描く
ツールの位置の左右入れ替え by さとぴあ

iPad+ApplePencilを買って絵を描こうと思ったら、ツールが手にあたって描けないからiPadの向きを変えてツールが下になるようにして描いてますという方がいまして、
確かにデバイスを傾けてツールを下にもってくればツールは手にあたりませんが投稿される絵は横向きになります…。
以下は面倒な作業だと思いますので、実現しなくても仕方がないのですが…
しぃペインターのように、ツールを左右逆に移動するようにできると…ツールが手にあたるからという人が投稿しやすくなるかもしれません。
小指をガードする手袋があればいいのでは?とすすめてみてはいるのですが。
添付画像はCSSをいじって左右逆にしてみたもの…です。しかし、テストした限りではここまで移動できたとしてもキャンバスを拡大すると画面が崩れます。
CSSの初歩しかわからないからそうなるのか、実際問題大変なのか、知識不足でよくわからないというのが正直なところです。


[2268] 無題 : さとぴあ : 2020/03/15(日) 15:43 [URL]

すみません…。
<style>.NEO #toolsWrapper{
right: initial;
left: 3px;}
.NEO #painterWrapper{
padding: 0 0 0 55px;
}
</style>
をPaint画面に入れる事でどうにかなりました。
ただ、もしかしたら需要があるかもしれない機能…という事で…。


[2269] 無題 : funige : 2020/03/16(月) 17:44

いつも申し訳ありません。
だいぶ忘れてしまっているので、まあ多分スタイルシートの調整でなんとかなると思うのですが、そんな感じだと思います。
自分は左利きなのであんまり気にしたことがなかったです。

左利きだとスクロールバーを左側につけたくなったりするのですが、例によってオリジナルに無い機能は実装しない方針で、実装していません。


[2270] 無題 : さとぴあ : 2020/03/17(火) 19:12(編集) [URL]

ありがとうございます。返信いただけただけでも…。
<style id="tool_style"></style>
<script>
function neoleft() {
tool_style.innerHTML=".NEO #toolsWrapper{right: initial;left: 0;}.NEO #painterWrapper{padding: 0 0 0 55px;}.NEO #upper{padding-right:inherit;padding:0 20px 0 0;}";
}
function neoright() {
tool_style.innerHTML="";
}
</script>
<a href="#" onclick="neoleft()">左へ</a>
<a href="#" onclick="neoright()">右へ</a>
ネットで拾った情報の継ぎ接ぎですが…。
高さが300pxの時のツールバーの収納スペースも考えなければならないので、NEOそのものの機能で対応するのは難しいのかもしれないですね。
アプレットの高さの計算は掲示板の改造が前提になってしまうと思いますので…。
あと、たしかにオリジナルには無い機能です…。
オリジナルの再現のおかげで絵板が生き残る事ができていますので、とても感謝しています。