skin.min.cssについて

機能の改善・追加に関するリクエストはこちらにお願いします。

skin.min.cssについて

投稿記事by matsu on 2018年12月08日(土) 18:12

お世話になっております。
soycms_3.0.2p43_sqliteを利用させてもらっています。

スマホでSOY CMSの管理画面を開きますと、スマホに対応したページが開きますが、
記事の編集でソースコードなどが開けないので、iOS google chromeの「PC版サイトで見る」でPC表示に切り替えて使っています。

「イメージの挿入」ウィンドウを開くとウィンドウ内のスクロールができないため、ボタンが押せなかったり、
文字が途中できれてしまっていて、非常に困ります。

以前にpolka様からご教授いただいた下記の件を skin.min.cssに追加すると、
iPhoneでも「イメージの挿入」ウィンドウ内をスクロールできるようになります。

ただ、SOY CMSのバージョンアップ(上書き)をしますと、skin.min.css が元に戻ってしまうため、
毎回、cssを追加しなくてはなりません。
できれば、今後のバージョンアップのファイルに追加をしておいていただくと助かります。

■skin.min.css
/soycms/js/tinymce/skins/lightgray/skin.min.css

この中で、
.mce-window iframe{width:100%;height:100%;}
と記述があるので、続けて
.mce-container-body.mce-abs-layout.mce-window-body{overflow:scroll!important;-webkit-overflow-scrolling:touch;}
(iframeの外側のボックスを強制的にスクロール)
と記述します。
matsu
 
記事: 156
登録日時: 2012年12月30日(日) 14:17

Re: skin.min.cssについて

投稿記事by inunosinsi on 2018年12月11日(火) 06:12

■skin.min.css
/soycms/js/tinymce/skins/lightgray/skin.min.css

この中で、
.mce-window iframe{width:100%;height:100%;}
と記述があるので、続けて
.mce-container-body.mce-abs-layout.mce-window-body{overflow:scroll!important;-webkit-overflow-scrolling:touch;}
(iframeの外側のボックスを強制的にスクロール)
と記述します。


以前も同様のものがあり、TinyMCE内に記述しましたが、
TinyMCEのバージョンアップの際に都度対応が発生して、開発のコストが上ってしまいます。

/CMSインストールディレクトリ/soycms/webapp/pages/Entry/DetailPage.htmlに直接記述して対応出来ればありがたいのですが、お調べ頂くことは可能でしょうか?
SOY CMSの操作に関する質問は下記のページのフォームで受け付けています。
https://saitodev.co/soycms/inquiry

京都でフリーのプログラマをしています。
SOY ShopのプラグインやSOY Appの開発のサポートをしています。
http://saitodev.co/soycms(SOY CMSのマニュアルを作成しています)

株式会社京都農販(SOY Shopのサイト)
株式会社コトブキ園(SOY Shop)
inunosinsi
 
記事: 739
登録日時: 2008年6月12日(木) 20:48

Re: skin.min.cssについて

投稿記事by inunosinsi on 2018年12月12日(水) 10:58

本件に関して、polkaさんより下記のご連絡がありました。

当該ファイルにの<body>へ以下のようにインラインで記述し、
iPhone7でテストしましたが機能は大丈夫そうです。

<body style="overflow:scroll!important;-webkit-overflow-scrolling:touch;”>


対応したものを下記のページからダウンロード出来るように致しました。
https://saitodev.co/soycms/

アンドロイドでは対応出来ていない可能性もございますので、
意図通りに動作しなかった場合はpolkaさんの今回の対応を参考にして他のブラウザの分のコードも追加してみて下さい。
SOY CMSの操作に関する質問は下記のページのフォームで受け付けています。
https://saitodev.co/soycms/inquiry

京都でフリーのプログラマをしています。
SOY ShopのプラグインやSOY Appの開発のサポートをしています。
http://saitodev.co/soycms(SOY CMSのマニュアルを作成しています)

株式会社京都農販(SOY Shopのサイト)
株式会社コトブキ園(SOY Shop)
inunosinsi
 
記事: 739
登録日時: 2008年6月12日(木) 20:48

Re: skin.min.cssについて

投稿記事by matsu on 2018年12月13日(木) 20:31

polka様、inunosinsi様
ありがとうございます!
matsu
 
記事: 156
登録日時: 2012年12月30日(日) 14:17


Return to 機能の改善・追加リクエスト

オンラインデータ

このフォーラムを閲覧中のユーザー: なし & ゲスト[1人]

cron